Jump to content

How to have non-square avatars?


LGC

Recommended Posts

Posted

I'm trying to completely remove all the circled avatars, but ran into a problem. It seems like it's impossible to have a non square avatar. 

The user group settings make you have a fixed width/height.

 

 

Screen Shot 2015-02-20 at 2.01.43 PM.png

Posted

In custom.css add

.ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large:after {
    border-radius: 0;
    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.

 

Posted

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

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

 

Posted

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

Posted

Or you can just do this:

 

 

Right but that only helps if I want it as a square, and we have them currently set up to 200 height x 180 width  

Posted

Any fix for this? When you upload an avatar, the cropper forces you to use a square. Can I disable the cropping feature?

  • 3 years later...

Archived

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

  • Recently Browsing   0 members

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