Using thumbnails

Resolved Chuckie
(@ajtruckle)

6 years, 7 months ago

I set this option:

“Add Thumbnails to forum lists”

In the notes it says:

“NOTE : once activated go to each forum, and you will see the ability to add an image and size options”

Yet when I go to the forums, and edit one, I see a panel where it says:

“By default the image will show as thumbnail in the forum lists, but you may wish to set a different size or custom size here. Sizes are as defined in Dashboard>Settings>Media”

Yes, I see no where to add the image itself.

Viewing 11 replies - 1 through 11 (of 11 total)

Plugin Author Robin W
(@robin-w)

6 years, 7 months ago

above that box is another box that says ‘Featured Image’

Thread Starter Chuckie
(@ajtruckle)

6 years, 7 months ago

This is not showing for me in the side bar. It does on regular posts and pages but not these forum pages.

Thread Starter Chuckie
(@ajtruckle)

6 years, 7 months ago

I tried adding this fo my functions.php file:

add_post_type_support('forum', array('thumbnail'));

But the “Featured Image” still does not show in the IDE for me to select.
Thread Starter Chuckie
(@ajtruckle)

6 years, 7 months ago
Ah, I needed:
```
add_theme_support( 'post-thumbnails', array( 'forum' ) );
add_post_type_support('forum', array('thumbnail'));
```
Progress. Now I have “Featured Image” so must try it.
Plugin Author Robin W
(@robin-w)

6 years, 7 months ago

great !

Thread Starter Chuckie
(@ajtruckle)

6 years, 7 months ago

I added a icon (it is 32 by 32) and I have set it as custom.

the icon:

https://www.publictalksoftware.co.uk/wp-content/uploads/2019/10/forum_image32.png

Even though the html is saying 32 by 32 it is showing larger:

https://www.publictalksoftware.co.uk/support-forums
Thread Starter Chuckie
(@ajtruckle)

6 years, 7 months ago
I decided on the 48 pixel version and had to use override code again:
```
#bbpress-forums .bsp_thumbnail img {
	width: 48px !important;
	height: 48px !important;
}
```
If you check the link it is better. But this is a transparent image so I don’t know why it is showing a background.

https://www.publictalksoftware.co.uk/wp-content/uploads/2019/10/forum_image48.png
Thread Starter Chuckie
(@ajtruckle)

6 years, 7 months ago

For some reason, even with my CSS override, not only do we have the background issue but the images are not all staying as 32 x 32. Some are getting smaller.

Thread Starter Chuckie
(@ajtruckle)

6 years, 7 months ago

IE – OK
Edge – Not OK
Chrome – Not OK
Opera – Not OK
Safari – Not OK
Thread Starter Chuckie
(@ajtruckle)

6 years, 7 months ago
This seems to be better styling that works in all browsers:
```
#bbpress-forums .bsp_thumbnail img {
	max-width: 48px !important;
	max-height: 48px !important;
	
	min-width: 48px !important;
	min-height: 48px !important;
}
```
Thread Starter Chuckie
(@ajtruckle)

6 years, 7 months ago
Got there in the end!

Final CSS:
```
#bbpress-forums .bsp_thumbnail img {
	max-width: 48px !important;
	max-height: 48px !important;
	
	min-width: 48px !important;
	min-height: 48px !important;

	-moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
	border:  none !important;
}
```
I had to override the shadow functionality of the theme and remove the border. Mind you, I still don’t understand why (in principle) I had to force the img to use the required width since I had set this information for all of the forums.

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Using thumbnails’ is closed to new replies.

Tags