Forum Index Thumb Output

[michent1]

Great plugin. I’ve followed quite a few of your other posts on the bbpress forums. Been a huge help!

On the most recent version of the plugin, it seems that when forum thumbs are enabled, it encloses both the forum content & forum title output inside the bsp_thumbnail div on the forums index page. Which makes for some weird default styling behavior when using the alternate forum display template (see screenshot).

The default plugin html output is something like this…

<li class="bbp-forum-info">
<div class="bsp-thumbnail">
      <img>thumbnail image output</img>
      <a class="bbp-forum-title">...</a>
   <div>
      <div class="bbp-forum-content">...</div>
   </div>
</div>
</li>

I was trying to get the forum-title back above the forum-content with the thumb positioned left (see screenshot below) and was thinking to maybe pull both those classes out of the thumb div, to allow for a bit more styling control and to avoid having to use any absolute positioning.

Not sure if it’s in the scope of the plugin’s functions, but maybe something to look at tweaking for future versions. I was thinking something like this:

<li class="bbp-forum-info">
<div class="bsp-thumbnail">
      <img>thumbnail image output</img>
</div>
      <a class="bbp-forum-title">...</a>
      <div class="bbp-forum-content">...</div>
</li>

We could then assign the wp generated css class alignleft to the img and all the hard styling work is done for us ??

echo get_the_post_thumbnail($post->ID,'thumbnail',array('class' => 'alignleft bsp-thumb'));

Keep up the great work!

• This topic was modified 8 years, 5 months ago by michent1. Reason: updated img links

[Robin W]

Thanks, let me take a look when I get a moment !

[Robin W]

ok, I’ve finally got around to this !!

I can improve it by putting the content under the image, but not as you wanted without re-writing a bbpress function, which gets too complicated !

So version 3.3.3 will have an improved display, I’ll release shortly

[Robin W]

version 3.3.3 released