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 is here! It includes security fixes and requires PHP 7.0. We have therefore ALSO released Vanilla 2.5.2 with security patches if you are still on PHP 5.6 to give you additional time to upgrade.

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.