Fix overlapping blog comments images

[shahz]

If you are facing problems with overlapping avatars in the comments section, follow this fix. This will make the avatars fit within the containers and fix the annoying problem.

Template to edit: blog_comment

Find this part in the particular file:
<a href="{vb:link member, {vb:raw response}}" class="avatarlink"><img src="{vb:raw response.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw response.username}}" <vb:if condition="$response['avwidth'] > 60"> style="max-width:60px; height:auto; width:auto !important; width:60px"</vb:if> /></a>

And replace it with the following code (at your own risk!):
<a href="{vb:link member, {vb:raw response}}" class="avatarlink"><img src="{vb:raw response.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw response.username}}" style="max-width:60px; max-height: 60px; height:auto; width:auto !important; width:60px;" /></a>

Its just a minor CSS fix, but make sure you know what you are doing before fixing it. I ran into this today and got it fixed. Thought I'd share it :)

Regards,
Shahz

[voglermc]

And it makes it look like.... .

[shahz]

It fixes the issue. The icons will no longer overlapping. This is a temporary mod of course until the vBulletin team comes up witha permanent solution. This issue is also opened in the bug reporting by several users, so I thought this might just help them in the mean time :)