The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Round rank images

2 posters

Go down

Round rank images Empty Round rank images

Post by Ency Thu 1 Dec - 4:22

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;
}
Round rank images Captur11
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
Ency
New Member

Posts : 16
Reputation : 1
Language : French

http://siri.forumactif.org

Back to top Go down

Round rank images Empty Re: Round rank images

Post by Draxion Thu 1 Dec - 4:30

Hi there, replace that code with this.

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

Male Posts : 2518
Reputation : 321
Language : English
Location : USA

https://www.talesoftellene.com/

Back to top Go down

Back to top

- Similar topics

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