adding space between rating and avatar

[MikeInToshx]

Mark as best answer

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.

[iHydra]

Mark as best answer

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.

[MikeInToshx]

Mark as best answer

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 )

[MikeInToshx]

Mark as best answer

bump.

[iHydra]

Mark as best answer

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

[MikeInToshx]

Unmark as best answer

Sure.

[attachment=29123]

[Johnny S]

Mark as best answer

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;
}

[iHydra]

Mark as best answer

**Edit - Nevermind, Johnny helped you out.

[MikeInToshx]

Mark as best answer

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