[Resolved] Featured Image Thumbnail Display Unstable

[Author]

Posts

[CharlesB2907]

Hi,

Custom CSS was added to set the Virtual height (VH) at 65% for all single post thumbnail images.

It worked when we first created the post view but for some reason the feature images longer respond to the custom code.

The objective is to limited the virtual height of the single post image so the visitor can view the item in full view without the need to scroll.

Can you help me determine where I went wrong?

[CharlesB2907]

Additional information:

The single item view displayed correctly prior to changing the sub-site installation title, in our multi-site network from "Demo" to "Sample Portfolio".

Before we changed the title, I copied the site where the single item view displays correctly: hidden link

But the source sub-site where we changed the title apparently no longer responds Additional CSS that was added to limit the featured image vertical height: hidden link

Could changing the name have caused this and how can you help me resolve it?

Thank you.

[Waqar]

Hi,

Thank you for contacting us and I'd be happy to assist.

The custom CSS code from your screenshot, has no effect, on the single artwork pages from both websites.

.single-post .post-thumb-img-content.post-thumb img{
	height: 65vh;
	object-fit: cover;
}

On the website where the image is showing correctly, it is because the image's thumbnail size is small (293 × 440 px) and it is not being controlled by that custom CSS code.

To control the image's height, through the CSS code, you can replace it with:

.ast-single-post .entry-content .wp-block-image img {
    height: 65vh;
    object-fit: cover;
}

regards,
Waqar

[CharlesB2907]

I appreciate your pointing this out.

Thank you.

[CharlesB2907]

My issue is resolved now. Thank you!