Remove rounded avatars

Go down

Remove rounded avatars

Post by Swarzey on January 9th 2018, 8:50 am

Technical Details


Forum version : #ModernBB
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : All members
Forum link : ( link is hidden, you must reply to see )

Description of problem

Hey there.

While the ModernBB version looks amazing, the rounded circles (and restrictive shapes in general) are something that we would like to get rid of. Circular avatars on the homepage aren't exactly an issue, however inside threads, it would be preferred to get rid of them. Browsing old threads here, CSS codes that have been suggested to solve similar problems (I believe), haven't been a solution.

Any help would be greatly appreciated.
avatar
Swarzey
New Member

Posts : 5
Reputation : 1
Language : English

http://Strongstylewrestling.forumotion.com

Back to top Go down

Re: Remove rounded avatars

Post by skouliki on January 9th 2018, 8:53 am

hello

find this in your css
Code:
.postprofile-avatar img {
      border-radius: 120px; }

and remove the border-radius or change the number px to your likeness
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 3908
Reputation : 655
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Re: Remove rounded avatars

Post by Swarzey on January 9th 2018, 9:07 am

@skouliki wrote:hello

find this in your css
Code:
.postprofile-avatar img {
      border-radius: 120px; }

and remove the border-radius or change the number px to your likeness

Going to need a hand here. Going through the ACP, I'm not sure where to edit the CSS itself. Any changes I make in the CSS Stylesheet box doesn't land any results.
avatar
Swarzey
New Member

Posts : 5
Reputation : 1
Language : English

http://Strongstylewrestling.forumotion.com

Back to top Go down

Re: Remove rounded avatars

Post by skouliki on January 9th 2018, 9:08 am

did you find it in your css? 
do not use the word none use 0px instead
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 3908
Reputation : 655
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Re: Remove rounded avatars

Post by Swarzey on January 9th 2018, 9:13 am

Ah yep got it right. Appreciate that.

Still have the issue of the avatars being restricted but I think I can work it out from here.

Cheers for the help.
avatar
Swarzey
New Member

Posts : 5
Reputation : 1
Language : English

http://Strongstylewrestling.forumotion.com

Back to top Go down

Re: Remove rounded avatars

Post by skouliki on January 9th 2018, 9:15 am

you very welcome ..
if i can help you more please inform me
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 3908
Reputation : 655
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Re: Remove rounded avatars

Post by Swarzey on January 9th 2018, 9:21 am

Actually, there is one thing and I'm sure it's a simple addition to the CSS. Issue remaining is avatars being squashed (and stretched for small images) instead of resized to fit appropriately with the height and width limits.
avatar
Swarzey
New Member

Posts : 5
Reputation : 1
Language : English

http://Strongstylewrestling.forumotion.com

Back to top Go down

Re: Remove rounded avatars

Post by skouliki on January 9th 2018, 9:27 am

first you can set the avatar sizes from here 



after to the same code i gave you above try to set
Code:
height: auto;
    width: auto;




avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 3908
Reputation : 655
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Re: Remove rounded avatars

Post by Swarzey on January 9th 2018, 9:28 am

Absolute ledge. Cheers for the help.
avatar
Swarzey
New Member

Posts : 5
Reputation : 1
Language : English

http://Strongstylewrestling.forumotion.com

Back to top Go down

Re: Remove rounded avatars

Post by skouliki on January 9th 2018, 9:29 am

anytime Smile
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 3908
Reputation : 655
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum