How can I get rid of the rounded corners on avatars in prosilver?

[Bruce Banner]

It annoys me that when I upload a perfectly square avatar, and then look in viewtopic, the corners are rounded. They even appear to be slightly rounded in my UCP; only slightly, though, not as clearly rounded as in viewtopic? How can I change the corners on rectangular/square avatars to just simple pointed corners?

[halil16]

As far as I know, avatars in Prosilver have sharp edges by default. But still using this css code should solve your problem:

Code: Select all

.section-ucp img.avatar {
    border-radius: 0;
}

[Bruce Banner]

As far as I know, avatars in Prosilver have sharp edges by default. But still using this css code should solve your problem:

Code: Select all

.section-ucp img.avatar {
    border-radius: 0;
}

Thanks. But what about viewtopic? That code would only work for the UCP, where the problem isn't all that noticeable. And would I put that code at the end of common or stylesheet?

[halil16]

But what about viewtopic?

This:

Code: Select all

.postprofile .avatar img, .section-ucp img.avatar {
    border-radius: 0;
}

or for all avatars:

Code: Select all

img.avatar {
    border-radius: 0;
}

And would I put that code at the end of common or stylesheet?

It's okay. Both are possible.

[Bruce Banner]

Code: Select all

img.avatar {
    border-radius: 0;
}

Just tried this code at the end of stylesheet, purged the cache and hard refreshed the browser but it didn't work. Avatar corners are still rounded.

[halil16]

Try it:

Code: Select all

img.avatar {
    border-radius: 0 !important;
}

What is the full name of the file you added the code to? Is it .css at the end?

[Bruce Banner]

OK, thanks, that worked. The file was stylesheet.css Gotta ask, how come, in your first post, ya only gave me a solution that addressed the problem for the UCP, and not for viewtopic, which was the main part of my question. I had to ask about viewtopic again before ya gave me this code to try,

Code: Select all

.postprofile .avatar img, .section-ucp img.avatar {
    border-radius: 0;
}

[halil16]

This is not because of the code or because the problem cannot be solved. At first I think I didn't fully understand because I had just woken up, but then I was able to quickly get it right.

[Bruce Banner]

This is not because of the code or because the problem cannot be solved. At first I think I didn't fully understand because I had just woken up, but then I was able to quickly get it right.

Ah, OK.