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.

Rounded avatars in Memberlist

3 posters

Go down

Solved Rounded avatars in Memberlist

Post by Valoish 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;
Rounded avatars in Memberlist 1d3824e9a193411e8619c526efe4f4d8

Thanks in advance ^^


Last edited by Valoish on July 30th 2016, 6:25 pm; edited 1 time in total
Valoish
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 July 30th 2016, 5:54 pm

Hi there, add this to your CSS Stylesheet.

Code:
div.avatar.mini {
  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

Solved Re: Rounded avatars in Memberlist

Post by Valoish 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
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 TheCrow July 30th 2016, 6:29 pm

Thanks for your help! :rose:

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


Rounded avatars in Memberlist Thecro10
Forum of the Forums

Forumotion Rules | Tips & Tricks |
FAQ | Did you forget your password?



*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
TheCrow
TheCrow
Manager
Manager

Male Posts : 6922
Reputation : 795
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Back to top

- Similar topics

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