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.
The forum of the forums
2 posters

    Remove rounded avatars

    Swarzey
    Swarzey
    New Member


    Posts : 5
    Reputation : 1
    Language : English

    Remove rounded avatars Empty Remove rounded avatars

    Post by Swarzey Tue 9 Jan - 8:50

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


    Female Posts : 15312
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Remove rounded avatars Empty Re: Remove rounded avatars

    Post by skouliki Tue 9 Jan - 8:53

    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

    Swarzey
    Swarzey
    New Member


    Posts : 5
    Reputation : 1
    Language : English

    Remove rounded avatars Empty Re: Remove rounded avatars

    Post by Swarzey Tue 9 Jan - 9:07

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


    Female Posts : 15312
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Remove rounded avatars Empty Re: Remove rounded avatars

    Post by skouliki Tue 9 Jan - 9:08

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

    Swarzey
    Swarzey
    New Member


    Posts : 5
    Reputation : 1
    Language : English

    Remove rounded avatars Empty Re: Remove rounded avatars

    Post by Swarzey Tue 9 Jan - 9:13

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


    Female Posts : 15312
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Remove rounded avatars Empty Re: Remove rounded avatars

    Post by skouliki Tue 9 Jan - 9:15

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

    Swarzey
    Swarzey
    New Member


    Posts : 5
    Reputation : 1
    Language : English

    Remove rounded avatars Empty Re: Remove rounded avatars

    Post by Swarzey Tue 9 Jan - 9:21

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


    Female Posts : 15312
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Remove rounded avatars Empty Re: Remove rounded avatars

    Post by skouliki Tue 9 Jan - 9:27

    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;





    Swarzey
    Swarzey
    New Member


    Posts : 5
    Reputation : 1
    Language : English

    Remove rounded avatars Empty Re: Remove rounded avatars

    Post by Swarzey Tue 9 Jan - 9:28

    Absolute ledge. Cheers for the help.
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15312
    Reputation : 1705
    Language : English,Greek
    Location : Greece

    Remove rounded avatars Empty Re: Remove rounded avatars

    Post by skouliki Tue 9 Jan - 9:29

    anytime Smile


      Current date/time is Mon 23 Sep - 10:26