[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

[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

[Zed]

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.

[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.

[Zed]

@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.

[Dmitriy]

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

[Zed]

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.

[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