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.

Rounded avatars in Memberlist

View previous topic View next topic 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

Valoish
Forumember

Female Posts : 116
Reputation : 25
Language : English
Location : NYC

http://www.canvasforums.com

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;
}

Draxion
Helper
Helper

Male Posts : 589
Reputation : 86
Language : English
Location : USA

http://dawnofthedragons.forumotion.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

Valoish
Forumember

Female Posts : 116
Reputation : 25
Language : English
Location : NYC

http://www.canvasforums.com

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






Luffy
Manager
Manager

Male Posts : 4258
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

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