Featured image issue • Fluida Bugs Forum

Author

Posts
April 10th, 2017 at 08:00 #43865

Tania

Hi, I have a similar issue to another poster but thought it better to start a topic rather then hijack theirs.

Since the featured image update to Fluida, my featured images on my front page look awful – narrow and unreadable as they are text images. Before the change they were fine. Then, I noticed that two new posts since the update had very horizontally narrow featured images. I force regenerated as instructed using the right plugin suggested by CC and now they all look like that, which is not good.

I really need them back to how they were. The site is https://www.specialneedsjungle.com/

This is a child theme. I select the featured image. They are 1200×630 as this displays well on all social media. Can you please advise me how to sort it out? Could it be to do with the child theme?
Thanks very much in anticipation

Website: www.specialneedsjungle.com

April 13th, 2017 at 11:33 #43911

Tania

update: I should have included that this happens on the front page on my ipad and my iphone but not on laptop (as of course it’s a mobile feature)
Thanks

April 27th, 2017 at 18:54 #44380

Zed
Cryout Creations mastermind

You are using the featured images in a way that we did not intend for them to be used in the theme. If you have updated to the 1.3.2 update, I recommend using the newly added filter to disable srcset functionality (so that images return to their old behaviour on your site). To do that, add this line to your child theme’s functions.php file:
add_filter( "fluida_featured_srcset", __return_false );

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

June 1st, 2017 at 10:17 #46312
Dmitriy
I think the trouble is that some thumbnails are cropped. Therefore, they seem to be enlarged. I solved this by editing setup.php.
Before:
`// Additional responsive image sizes
add_image_size( ‘fluida-featured-full’,
apply_filters( ‘fluida_featured_image_full_width’, ceil($fluids[‘fluida_sitewidth’]) ),
apply_filters( ‘fluida_featured_image_full_height’, $fluids[‘fluida_fheight’] ),
$falign
);
add_image_size( ‘fluida-featured-half’,
apply_filters( ‘fluida_featured_image_half_width’, 800 ),
apply_filters( ‘fluida_featured_image_falf_height’, $fluids[‘fluida_fheight’] ),
$falign
);
add_image_size( ‘fluida-featured-third’,
apply_filters( ‘fluida_featured_image_third_width’, 512 ),
apply_filters( ‘fluida_featured_image_third_height’, $fluids[‘fluida_fheight’] ),
$falign
);`
After:
```
// Additional responsive image sizes
	add_image_size( 'fluida-featured-full',
		apply_filters( 'fluida_featured_image_full_width', ceil($fluids['fluida_sitewidth']) ),
		apply_filters( 'fluida_featured_image_full_height', $fluids['fluida_fheight'] ),
		false
	);
	add_image_size( 'fluida-featured-half',
		apply_filters( 'fluida_featured_image_half_width', 800 ),
		apply_filters( 'fluida_featured_image_falf_height', $fluids['fluida_fheight'] ),
		false
	);
	add_image_size( 'fluida-featured-third',
		apply_filters( 'fluida_featured_image_third_width', 512 ),
		apply_filters( 'fluida_featured_image_third_height', $fluids['fluida_fheight'] ),
		false
	);
```
Then recreate the thumbnails. It helped me, might help everyone else.
June 2nd, 2017 at 13:21 #46377

Zed
Cryout Creations mastermind

@Dmitriy, the new images sizes that you are customizing make no difference when the filter I previously mentioned is used to disabled the ‘srcset’ functionality.

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

June 2nd, 2017 at 13:28 #46379

Dmitriy

@Zed, why should I disable the scrset filter if I can fix it? With my solution images are adaptive and displayed correctly.

June 3rd, 2017 at 17:11 #46437

Zed
Cryout Creations mastermind

With your change the generated crops are identical if the source image is larger that 512px in width (will only differ if the source image is smaller). This makes the srcset functionality useless since all 3 image sizes are in fact the same image file.

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

June 3rd, 2017 at 18:03 #46450

Dmitriy

@zed, thank you for your attention. I use 1024×512 thumbnails, it’s optimal for social sharing, so I have images of different sizes in srcset, everything is fine.
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Featured image issue’ is closed to new replies.