Jump to content

How to have non-square avatars?


LGC
 Share

Recommended Posts

In custom.css add

.ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large:after {
    border-radius: ;
    height: 90px;
    width: 90px;
}

You can change the width and height to suit, the default radius is 45px - the result can be seen in image below.

 

I've amended the avatars on ours ever so slightly.

.cAuthorPane_photo {
    background: url("images/dy8uol.jpg") no-repeat scroll   rgba(, , , );
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 26px;
    width: 150px;
}

 

I tried using both methods and the profile pictures look extremely LQ

Link to comment
Share on other sites

  • 3 years later...
 Share

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...