[giovalt]

Dear Support,

We have images of various sizes in the library, when uploading an image of size plus something than width; the image is cut off; is there a way that the sector containing the image can be adjusted to the size of the image?

Thank you in advance for your support.

[Theme Horse Support Team]

Hi, giovalt,

Yes, the images are fit in covered so the layout for grid preview is consistent. If the size of the image is not made consistent then the layout will go off but the Featured Image for post/page single can be made to the original size. For that please go to ‘Appearance > Customize > Additional CSS’ and Paste the below Custom CSS code.

.page-single-featured-image.post-img-wrap:before {
	display: none;
}
.page-single-featured-image.post-img-wrap .a-post-img,
.page-single-featured-image.post-img-wrap .post-img {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}
.page-single-featured-image.post-img-wrap .post-img {
	-o-object-fit: unset;
	object-fit: unset;
	height: auto;
	width: 100%;
}

[giovalt]

Dear Support,

I have used the CSS as hs indicated but I see no change in what I am requiring.

In the html that is seen from the element inspector of the browser I don’t see the classes that you use in the CSS.

The image displayed as a thumbnail; when opening the page it shows that image but large; The problem is that the image is cut off.

I hope I have explained myself; Here you can not load images so that you understand me better.

Greetings

[Theme Horse Support Team]

Hi,

We have checked the code again and it works very well. Could you please share your site URL so that we can check?

Thanks

[Author]

Posts