Jump to the post that solved this thread.
Solved: 2 Years, 7 Months ago Fix avatar and username spacing in PM template
#1
Solved: 2 Years, 7 Months ago
Where do I go to fix the spacing between the avatar and username in a Private Message? It is Flatty theme if it matters...I have been poking around in the PM templates but I cant find any way to fix it...please see screen capture below:


Attached Files Thumbnail(s)
   
MyBB 1.8.22 (x4)
7173Mustangs.com, pa2a.org, pazrt.com & paguntalk.com
Reply
#2
Solved: 2 Years, 7 Months ago
Hi,

Admin Control Panel -> Templates (Tab) -> Themes -> YOUR THEME -> Global.css -> Edit Advanced (Tab).

Find:
.post .post_author div.author_avatar {
    float: left;
    margin-right: 1em;
    min-width: 70px;
    max-width: 90px;
}

And change the margin-right or the max-width.

Or you could change it here:
.post .post_author div.author_information {
    float: left;
    padding: 6px 8px;
}

And change the padding to: 

padding: 6px 18px;

As you whish.

After changes, check if in classic view it's everything OK.
I don't answer questions about localhost forums or forums without URL, I'm not a seer.  Cool
Reply
#3
Solved: 2 Years, 7 Months ago
Perfect!  I adjusted the padding and it sems good now!

I wonder why most avatars are circle but I see afew here and there that are oval shaped?  What would cause this?  Is there anyway to force circle avatars on everyone?
MyBB 1.8.22 (x4)
7173Mustangs.com, pa2a.org, pazrt.com & paguntalk.com
Reply
#4
Solved: 2 Years, 7 Months ago
Hi,

Admin Control Panel -> Templates (Tab) -> Themes -> YOUR THEME -> Global.css -> Edit Advanced (Tab).

Find:
.post .post_author div.author_avatar img {
    border-radius: 1000px;
    width: auto;
    height: auto;
    background: #fff;
}


Change it to:
.post .post_author div.author_avatar img {
    background: #fff;
    width: 120px;
    height: 100px;
    border-radius: 50%;
    background-size: cover;
}
I don't answer questions about localhost forums or forums without URL, I'm not a seer.  Cool
Reply
#5
Solved: 2 Years, 7 Months ago
I tried it but actually wanted all circle avatars.  I changed the size to 100px x 100px but then it kind of stretched (egg shapped) all the avatar pictures.

ETA...seems like the width is being limited to 100px. I changed it to 120px and they really look like eggs!

ETAx2...I think I fixed it...there were 3 instances of AVATAR in global.css so I changed all of the min/max to 120px and it looks good now!
MyBB 1.8.22 (x4)
7173Mustangs.com, pa2a.org, pazrt.com & paguntalk.com
Reply
#6
Solved: 2 Years, 7 Months ago
Great!  Wink
I don't answer questions about localhost forums or forums without URL, I'm not a seer.  Cool
Reply
Jump to the post that solved this thread.


Forum Jump:


Users browsing this thread: 1 Guest(s)