Avatar Sizes

[Nemle]

tmodel.proboards.com/thread/10/rules-regulations

Before it was converted to v5, the avatars on the site above were 265x300. Now they appear to just be 130x150? Just wondering if there was a way for me to get the avatars to be the intended sizes again, without screwing up the profiles themselves...or will I have to get used to no larger than 150px avatars? xD

[RedBassett]

Greetings,

Does this thread have what you need?

support.proboards.com/thread/443510/standard-avatar-size

[Nemle]

I tried that just now. It doesn't work. Click that link I provided earlier to see how it is now that I did that.

[RedBassett]

It looks like it made the avatar container larger, but the mini-profile is still the same size.

[Nemle]

Yeah, I've no idea what that means. How do I fix it so it shows the avatar in full without messing the post or anything else up?

[Stinky666]

Hi Nemle. The easiest way to do this, is to go to your style sheet (admin > themes > advanced styles and css > style sheet), find the following:

.posts .post .left-panel { width: 320px; vertical-align: top; }

Change the 172px to about 20px MORE than the forum avatar's width. You say you want 265px, so set this to be 285px (for the margin left and right).

Now find the following
.mini-profile .avatar { max-width: 150px; max-height: 150px; overflow-x: hidden; overflow-y: hidden; margin: auto; border-width: 0px; vertical-align: middle; }
.avatar-wrapper { display: table-cell; text-align: @mini_avatar_align; vertical-align: middle; }
.avatar-wrapper > div, #avatar-preview.flash_present.image_present > div { position: relative; }
.avatar-wrapper div object, .flash-avatar object, #avatar-preview.flash_present.image_present div object, .avatar-wrapper > div > img { position: absolute; top: 0; left: 0; }
.avatar-wrapper * { vertical-align: middle; }
.avatar_size_default, .avatar_size_default embed, .avatar_size_default object, .avatar_size_default > div, .avatar-wrapper.avatar_size_default > div > div { height: 150px; width: 150px; }
.avatar-wrapper > div > div { display: table-cell; vertical-align: middle; }
.avatar_size_default img, .avatar_size_default default { max-height: 150px; max-width: 150px; }


Change every instance of 150px to the sizes you want the maximum width and height to be, so you want 265x300, set it to 265px and 300px.

Now find this, and change the 150px to be the same as your first width (285px)
.mini-profile { color: @mini_text_color; font: @mini_text_font; background: @mini_background; border: @mini_border; .rounded-corners(@mini_border_radius); text-align: @mini_text_align; overflow: hidden; padding: 13px 10px; width: 150px; }


Edit:
I have had to put the last part in a code tag, but it's the very last part, here: 13px 10px; width: 150px; }

[Nemle]

Ok I did all that and it's interfering with the post.

[Stinky666]

Apr 6, 2013 12:12:05 GMT -8 Nemle said:

Ok I did all that and it's interfering with the post.

How so? The only way it should "interfere", is by resizing the post size, to accommodate the new avatar size.


Edit:
Ok the first bit..

.posts .post .left-panel { width: 320px; vertical-align: top; }

Change to be another 20px or so more, so change it to 340px

[Nemle]

tmodel.proboards.com/thread/10/rules-regulations
You should be able to see that link. See how it cuts into the writing?

[Stinky666]

Yeah sorry. Edited my above post.

[Craig]

Since the PMs have a different class, you will need to also find this line in the style sheet and adjust the 172px again:

.messages .item .left-panel { width: 172px; }