Jump to the post that solved this thread.
Solved: 4 Years, 2 Months ago Styling avatar display on profiles
#1
Solved: 4 Years, 2 Months ago
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]
Software Engineer specializing in C# Program Development
Reply
#2
Solved: 4 Years, 2 Months ago
.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.
Check out all my submissions here - click me
MyBB support at it's finest. 
Reply
#3
Solved: 4 Years, 2 Months ago
(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
Software Engineer specializing in C# Program Development
Reply
#4
Solved: 4 Years, 2 Months ago
(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
Check out all my submissions here - click me
MyBB support at it's finest. 
Reply
Jump to the post that solved this thread.


Forum Jump:


Users browsing this thread: 1 Guest(s)