Reverting Circle (Round) Avatars back to square?

[Guest Menma]

Hello Webflake, I know it's probably handled somewhere in the CSS and I'm just an idiot - who can't find it.. but would anyone be willing to help me revert the circle avatars (in the theme subway v3.4) back to the regular blocks which can be found in almost every skin.

 

Example (Of how it looks now)

 

Example (Of how I would like it to look)

 

Any help would be greatly appreciated.

[Guest Menma]

Found it, for any users who may run into the same issue as I did..

 

Goto ACP -> Look & Feel -> Manage Skin Sets & Templates -> Your Skin -> CSS -> ipb_styles.css

Find:

 

.setRoundedAvatars .ipsUserPhoto {    -webkit-border-radius: 100px;    border-radius: 100px;}    a.userNavPhoto:hover,    .ipsUserPhotoLink:hover .ipsUserPhoto {        opacity: 0.8;    }    .ipsUserPhoto_variable { max-width: 155px; }    .ipsUserPhoto_large { max-width: 94px; max-height: 94px; }    .ipsUserPhoto_medium { width: 54px; height: 54px; }    .ipsUserPhoto_mini { width: 34px; height: 34px; }    .ipsUserPhoto_tiny { width: 24px; height: 24px;    }    .ipsUserPhoto_icon { width: 20px; height: 20px;    }

 

And replace with:

 

.ipsUserPhoto {    padding: 1px;    border: 1px solid #d5d5d5;    background: #fff;    /*-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;*/}        .ipsUserPhotoLink:hover .ipsUserPhoto {        border-color: #C5C5C5;    }        .ipsUserPhoto_variable { max-width: 155px; }    .ipsUserPhoto_large { max-width: 90px; max-height: 90px; }    .ipsUserPhoto_medium { width: 50px; height: 50px; }    .ipsUserPhoto_mini { width: 30px; height: 30px; }    .ipsUserPhoto_tiny { width: 20px; height: 20px;    }    .ipsUserPhoto_icon { width: 16px; height: 16px;   }

 

Thanks Sanctuary for the help, I found the solution before I had realized you posted but I'm glad you helped. (For users who may be interested - the end result will look like this.)

 

Edited June 24, 2013 by Menma

[Yuu]

ACP > Look & Feel > Your Skin > CSS > ipb_styles.css

 

Look for:

.setRoundedAvatars.ipsUserPhoto

 

Change the border-radius from 100px to 0px.

[Phun]

The question(s) in this support topic have been answered and the owner has been able to solve the problem. Because of this, the support topic has been closed and moved.If you have other questions, please open a new topic.