MyBB Community Forums

Hey guys, as the titel says, how do I add like a 1-2px margin between the star ratings and the avatar? It's kinda squeezed together.
and between avatar and postcount.

thanks.

I get what you mean by stars and avatar, but what do you mean by avatar and postcount?

It'd be changing either the CSS or just integrating a

<div style="margin-left: 2px;">
{$user['avatar']}
etc..
</div>

and that would be in postbit templates or postbit_author.

I'd like to change it by CSS rather than adding html; but which CSS do I edit in global.css?

with avatar - postcount I ment he same as stars and avatar, the amount of posts u posted.( It's under the avatar )

bump.

I don't see stars, avatars, and posts near each other. Picture would be nice.

Sure.

[attachment=29123]

(2013-04-26, 05:51 PM)MikeInToshx Wrote: [ -> ]I'd like to change it by CSS rather than adding html; but which CSS do I edit in global.css?

with avatar - postcount I ment he same as stars and avatar, the amount of posts u posted.( It's under the avatar )

paste this in your global.css

div#posts > table.tborder > tbody > tr > td:nth-child(1) > span.smalltext a > img {
  padding:20px 0px;
}

OR

In order to add padding or margin values in css you need assign a class to profile avatar, in AdminCP -> templates and styles -> templates -> <your theme template set-> > postbit templates -> postbit_avatar

and

<a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="" {$avatar_width_height} /></a>

replace with

<a href="{$post['profilelink_plain']}"><img class="postbit_avatar" src="{$post['avatar']}" alt="" {$avatar_width_height} /></a>

and save it.

In your global.css add

.postbit_avatar {
padding:4px 0px;
}

**Edit - Nevermind, Johnny helped you out.

Thanks, adding the css was the easiest way, very easy to do and it worked so, best answer !