Jump to content

How to have non-square avatars?


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...


This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...