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

View previous topic View next topic Go down

Round rank images

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

Hello,

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

Code:
div.post .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,
Ency

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.

Ency
New Member

Posts : 16
Reputation : 1
Language : French

http://siri.forumactif.org

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.

Code:
.postprofile .user-avatar img,
.lastpost-avatar img {
  border-radius: 100px;
}

Draxion
Helper
Helper

Male Posts : 554
Reputation : 79
Language : English
Location : USA

http://dawnofthedragons.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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