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
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 : 1834
Reputation : 230
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 : 4875
Reputation : 497
Language : Greek, English
Location : Greece

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