The title says it all.

The miniture avatars that appear in forum index or New Topics page along with the author are being displayed too big as shown in pics here – http://imgur.com/RsoPg6f & http://imgur.com/TY8qULe

However the image displays proper within any reply.

Would really appreciate if someone could solve this issue.

PS> I initially had this issue when using bbpress with WP User Avatar plugin, but then I removed it and went with BuddyPress and I still seem have the same issue.

Thankx in advance.

Regards.

[@robin-w Moderator 9 years, 10 months ago]

ok, if you have ftp access then…

create a directory on your theme called ‘bbpress’
ie wp-content/themes/%your-theme-name%/bbpress

where %your-theme-name% is the name of your theme

find
wp-content/plugins/bbpress/templates/default/bbpress/loop-single-forum.php
Make a copy of this file, and put in in the directory called bbpress that you created above, so you end up with
wp-content/themes/%your-theme-name%/bbpress/loop-single-forum.php
bbPress will now use this template instead of the original

Then look at line 74

<span class="bbp-topic-freshness-author"><?php bbp_author_link( array( 'post_id' => bbp_get_forum_last_active_id(), 'size' => 14 ) ); ?></span>

The ‘size’ => 14 is the avatar size, so reduce this to what you want.

[@-q-shadows Participant 9 years, 10 months ago]

Hey,

Thankx allot for posting. Am using a child theme so that its easy to modify bbpress and buddypress.

I did as asked, bbpress-> loop-single-forum.php and changed the size = xx part to even down to 4 but unfortunately it still looks the same as it did before :(. I even tired increasing the size to see if it works but no result to that either. 🙁

[@robin-w Moderator 9 years, 10 months ago]

can you post a link/url to an example forum please

[@-q-shadows Participant 9 years, 10 months ago]

Hey,

Here you go – http://quasarsclan.com/beta/forums/
http://quasarsclan.com/beta/forums/new-topics/

[@robin-w Moderator 9 years, 10 months ago]

ok, I’ve looked ta the page

your style.css has

.row .col img {
    height: auto;
    margin-bottom: 15px;
    max-width: 100%;
    width: auto;
}

around line 1929

The width: auto;
is causing the issue, remove that and the image reverts to 14 – but around 30 looks good !

adding

margin-left: auto;
margin-right: auto

will also center the image

so you end up with

.row .col img {
    height: auto;
    margin-bottom: 15px;
    max-width: 100%;
margin-left: auto;
margin-right: auto;
}

If just for bbpress then

#bbpress-forums .row .col img {
    height: auto;
    margin-bottom: 15px;
    max-width: 100%;
margin-left: auto;
margin-right: auto;
}