Jump to content

How to have non-square avatars?

Featured Replies

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

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.

 

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;
}

 

  • Author

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

  • Management

Or you can just do this:

 

 

He meant rectangular avatars, @Charles ;)

Awesome Sauce!!! I hate the rounded avatars! Fixed on my forum. Thanks Charles!

  • Author

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  

  • Author

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

I join the issue

4 hours ago, Arahnid said:

I join the issue

You want a rectangular avatar ?

I want the original aspect ratio of the image to be kept.

Archived

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

Recently Browsing 0

  • No registered users viewing this page.