MyBB Community Forums

Full Version: Different avatar sizes in different forum layouts
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
Hello is it possible to have different default avatar sizes in different forum layouts? (postbit and postbit_classic)

I currently have 100x100 as default size of avatars in postbit_classic mode,  but it looks too big in postbit so I would like to make it 50x50 when its postbit.
You could try scaling the image with css .
How can I do that?
use your browser tools. Look at the element in firebug (or the equivalent in your browser) and see which template the avatar is in and whether it has a class. If it does, then you can target that class and scale the avatar.

MyBB theme:

.post .post_author div.author_avatar img {
width:50%;
height:auto;
}

.post .classic .post_author div.author_avatar img {
width:100%;
height:auto;
}

Try that.
I have this

.post .post_author div.author_avatar {
float: left;
margin-right: 3px;
margin-top: 10px;
}

.post.classic .post_author div.author_avatar {
float: none;
text-align: center;
margin-bottom: 8px;
}

post .post_author div.author_avatar img {
  background: none;
  box-shadow: none;
  padding: 3px;
  border: none;
}

.post .post_author div.author_avatar img:hover {
 background: none !important;
border: none !important;
}
put my css at the very bottom under all that css you just posted.
I got huge area next to the avatar.

Also it seems it makes every avatar %50 smaller, can I make it so every avatar is shown as exactly 50x50 px?

oh when I changed it as 50px, everything is okay now. Thank you!

Oh, avatars got small in postbit_classic aswell Sad
Probably because you didnt use the css as I said. If you set a width of 50px, you will get 50px. Provide a forum url please.
When I set it as 50% I am getting huge area next to the avatar and it effects postbit_classic too.
When I set it as 50px its okay in postbit, but again it effects postbit_classic too.
yup, try removing the space here:

.post .classic .post_author div.author_avatar img

so its

post.classic .post_author div.author_avatar img

Smile
Pages: 1 2