Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Try Vanilla Forums Cloud product
Vanilla 2.6.1 is here with critical security patches. One of them has been publicly disclosed.

How to style the avatars in the discussions

vrijvlindervrijvlinder Papillon-Sauvage MVP
edited August 2013 in Tutorials

This a fun thing to do for everyone who wants to style their avatars.

This one makes them totally round

border-radius:40px;border:0px solid transparent!important;
-webkit-border-radius: 40px!important;
  -moz-border-radius: 40px!important;
border-top-left-radius: 40px!important;
  -webkit-border-top-left-radius: 40px!important;
  -moz-border-radius-topleft: 40px!important;
  border-top-right-radius: 40px!important;
  -webkit-border-top-right-radius: 40px!important;
  -moz-border-radius-topright: 40px!important;
box-shadow:4px 4px 4px 4px#333!important;

This one makes them square when you mouse over

img.ProfilePhotoMedium:hover {
-webkit-border-radius: 3px!important;
  -moz-border-radius: 3px!important;
border-top-left-radius: 3px!important;
  -webkit-border-top-left-radius: 3px!important;
  -moz-border-radius-topleft: 3px!important;
  border-top-right-radius: 3px!important;
  -webkit-border-top-right-radius: 3px!important;
  -moz-border-radius-topright: 3px!important;


Sign In or Register to comment.