The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.

Create a free forum like this one.

Round rank images

Go down

Round rank images

Post by Ency on December 1st 2016, 9:22 am


I have used this code to get round avatars, but the code applied itself to the rank images too which is an inconvenience

Code: .postprofile dt img{
background: #FFF;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
    display: inline-block;
    height: 100px;
    margin: 10px;
    overflow: hidden;
    padding: 3px;
    width: 100px;

Please advise Smile

Thank you,

PS : also I would like to have round avatars in the home page of the forum, could anyone give me the code for that? Thank you.
New Member

Posts : 16
Reputation : 1
Language : French

Back to top Go down

Re: Round rank images

Post by Draxion on December 1st 2016, 9:30 am

Hi there, replace that code with this.

.postprofile .user-avatar img,
.lastpost-avatar img {
  border-radius: 100px;
Support Moderator
Support Moderator

Male Posts : 1940
Reputation : 246
Language : English
Location : USA

Back to top Go down

Back to top

Permissions in this forum:
You cannot reply to topics in this forum