The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Remove rounded avatars

2 posters

Go down

Remove rounded avatars Empty Remove rounded avatars

Post by Swarzey 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.
Swarzey
Swarzey
New Member

Posts : 5
Reputation : 1
Language : English

http://Strongstylewrestling.forumotion.com

Back to top Go down

Remove rounded avatars Empty Re: Remove rounded avatars

Post by skouliki 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
skouliki
skouliki
Manager
Manager

Female Posts : 15118
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Remove rounded avatars Empty Re: Remove rounded avatars

Post by Swarzey 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.
Swarzey
Swarzey
New Member

Posts : 5
Reputation : 1
Language : English

http://Strongstylewrestling.forumotion.com

Back to top Go down

Remove rounded avatars Empty Re: Remove rounded avatars

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

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

Female Posts : 15118
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Remove rounded avatars Empty Re: Remove rounded avatars

Post by Swarzey 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.
Swarzey
Swarzey
New Member

Posts : 5
Reputation : 1
Language : English

http://Strongstylewrestling.forumotion.com

Back to top Go down

Remove rounded avatars Empty Re: Remove rounded avatars

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

you very welcome ..
if i can help you more please inform me
skouliki
skouliki
Manager
Manager

Female Posts : 15118
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Remove rounded avatars Empty Re: Remove rounded avatars

Post by Swarzey 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.
Swarzey
Swarzey
New Member

Posts : 5
Reputation : 1
Language : English

http://Strongstylewrestling.forumotion.com

Back to top Go down

Remove rounded avatars Empty Re: Remove rounded avatars

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

first you can set the avatar sizes from here 

Remove rounded avatars Scree170

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




skouliki
skouliki
Manager
Manager

Female Posts : 15118
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Remove rounded avatars Empty Re: Remove rounded avatars

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

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

Posts : 5
Reputation : 1
Language : English

http://Strongstylewrestling.forumotion.com

Back to top Go down

Remove rounded avatars Empty Re: Remove rounded avatars

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

anytime Smile
skouliki
skouliki
Manager
Manager

Female Posts : 15118
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Back to top

- Similar topics

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