MyBB Community Forums

Full Version: Styling avatar display on profiles
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
So I've been doing updates to my theme to make things look a bit nicer today and have come across an issue. I put a "div" around the avatar variable in the profile template and I adding the style in global.css file and now the background and border stretch across the avatar into a rectangle shape. Obviously this stretching looks back however I wasn't able to figure out the issue. Any ideas on how to fix?

Page of issue:
It technically happens on every profile but here's mine https://sinfulforums.net/user-4.html

Screenshot of issue:
[Image: qjpgux.png]
.memberprofile_avatar {
    background: #182121;
    margin: 1px;
    padding: 1px;
    border: 1px solid #182121;
    width: 120px;
}

[Image: fa26f8498974f2a681ecfb8288ab964b.png]

All I did was mess with the width which appears to be 120px. Add it to the css and you should be good.
(2016-12-24, 03:38 AM)Nasyr Wrote: [ -> ]
.memberprofile_avatar {
    background: #182121;
    margin: 1px;
    padding: 1px;
    border: 1px solid #182121;
    width: 120px;
}

[Image: fa26f8498974f2a681ecfb8288ab964b.png]

All I did was mess with the width which appears to be 120px. Add it to the css and you should be good.

Thank you. I ended up adjusting width to 128px to match images (it looked a little nicer). You've solved my issue Big Grin
(2016-12-24, 03:46 AM)Deatives Wrote: [ -> ]
(2016-12-24, 03:38 AM)Nasyr Wrote: [ -> ]
.memberprofile_avatar {
    background: #182121;
    margin: 1px;
    padding: 1px;
    border: 1px solid #182121;
    width: 120px;
}

[Image: fa26f8498974f2a681ecfb8288ab964b.png]

All I did was mess with the width which appears to be 120px. Add it to the css and you should be good.

Thank you. I ended up adjusting width to 128px to match images (it looked a little nicer). You've solved my issue Big Grin

Not a problem. Just needed that width code added on and adjusted as needed  Smile