Getting a smaller avatar?

[Former Member]

So guys I am reconstructing the reply format for a professional look, idea from crossfire but how can I make the avatars smaller like this

example:
www.crossfire.nu/journals/153056/best-et-player-2014-and-worst-cheaters-ever-are

Currently they look like this but its not small enough and somehow does not touch the line

one4one.boards.net/thread/5/2on2

Here is my current code for this.


{foreach $[post]}
<tr id="$[post.content_id]" class="$[post.content_class]{if $[post.even]} even{/if}{if $[viewing_recent_posts]} recent{/if}">
<td class="$[post.unblocked_class]">
<table role="grid">
<article>
$[post.created_by.avatar_small]
<div class="content-head ui-helper-clearfix">
<div class="controls">
                                   <left><b> $[post.created_by.name]</b>&nbsp;&nbsp;$[post.created_on]
</div>
</div>
<h3 class="title aria-hidden">Post by $[post.created_by.name] on $[post.created_on]</h3>
<div class="message">$[post.message]</div>
</article>
</table>
</td>
{if $[post.is_blocked]}
<td class="$[post.blocked_class] content center">
<div class="message note pad-bottom">This post is hidden</div>
$[post.display_blocked_post_button]
</td>
{/if}
</tr>
{/foreach}
{if !$[post]}
<tr class="last"><td class="last center" colspan="1">No posts were found.</td></tr>
{/if}

[Brian]

Hi, @sneak96.

Change this line:

$[post.created_by.avatar_small]

To this:

<div class="avatar">$[post.created_by.avatar_small]</div>

Then add this to the bottom of Themes > Advanced Styles & CSS > Style Sheet on that theme.

.posts .post article > .avatar { height: 18px; overflow: hidden; }
.posts .post .content-head { padding-bottom: 0px; height: 20px; margin-top: -20px; }

[Former Member]

Thank you so much brian You are brilliant! Thank you