Rounded avatars in Memberlist

Go down

Solved Rounded avatars in Memberlist

Post by Valoish on July 30th 2016, 4:01 pm

Hi,

I want to make the avatars in my forum's (version phpBB2) memberlist rounded.
An example would be the avatars found on this forum's memberlist;


Thanks in advance ^^


Last edited by Valoish on July 30th 2016, 6:25 pm; edited 1 time in total
avatar
Valoish
Forumember

Female Posts : 291
Reputation : 54
Language : English
Location : NYC

http://www.canvastutorials.org/

Back to top Go down

Solved Re: Rounded avatars in Memberlist

Post by Draxion on July 30th 2016, 5:54 pm

Hi there, add this to your CSS Stylesheet.

Code:
div.avatar.mini {
  border-radius: 100px;
}
avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 2140
Reputation : 272
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Rounded avatars in Memberlist

Post by Valoish on July 30th 2016, 6:25 pm

Thanks @Draxion!
That made the div have rounded corners, but not the image inside of it.
I slightly modified the CSS you gave me and it worked;
Code:
div.avatar.mini, div.avatar.mini img {
  border-radius: 100px;
}

Thanks again! thumleft
avatar
Valoish
Forumember

Female Posts : 291
Reputation : 54
Language : English
Location : NYC

http://www.canvastutorials.org/

Back to top Go down

Solved Re: Rounded avatars in Memberlist

Post by Luffy on July 30th 2016, 6:29 pm

Thanks for your help! :rose:

Problem solved & topic archived.
Please read our forum rules: ESF General Rules
avatar
Luffy
Manager
Manager

Male Posts : 5510
Reputation : 607
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Back to top


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