I got an error why using your shortcode
updated this – latest version does not error
Now that’s worked fine can you help
I will like to display the avatar
In display:inline and given the image rounded corners
How can I remove there name from the image
you need to learn how to look at classes in ‘developer’ in your browser, and then you can do all this yourself.
an example of the relevant image code is
<div class="tc-avatar" style="float:left;border-radius: 25px;"><a class="tc-profile-link" href="http://gos.rewweb.co.uk/users/admin/"><img alt="" src="https://secure.gravatar.com/avatar/dd803ad797ee5ca256d4be78c98fb305?s=96&d=mm&r=g" srcset="https://secure.gravatar.com/avatar/dd803ad797ee5ca256d4be78c98fb305?s=192&d=mm&r=g 2x" class="avatar avatar-96 photo" width="96" height="96"></a></div>
and the text
<div class="tc-content" style="padding-left:50px ; top: 50%;transform: translateY(-50%);position: relative;"><a class="tc-profile-link" href="http://xxx.com/users/admin/">admin</a>303</div>
Thanks I will try and work with this and get back to you
come back when you get stuck, but please try a lot first !
I was able to hide the name and also was able to give it a border radius
But I was unable to make the avatars position themselves in an horizontal line
so can you give us the code so far please
.tc-avatar img{border-radius:50%;height:50px;width:50px;}
.tc-avatar{margin:0;padding:0px;}
.tc-content{display:none;margin:0;padding:0;}
great – I’ve just released a new version 2.7 which has an additional class tc-user which wraps each user
so if you add css to float tc-user left and add some padding you should be fixed
Thanks let’s me check it out