Shop Page Product Image is too large

Hello,

When I added a new product, it is showing the image is too large on shop page and single product page. Please check what is the issue is there? I attached screenshots.

Thanks

Attachments:

You must be logged in to view attached files.

see attached images.

Attachments:

You must be logged in to view attached files.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

div.woocommerce-product-gallery .product-image-thumbnail img, 
div.woocommerce-product-gallery .woocommerce-product-gallery__image img, 
div.woocommerce-product-gallery .woocommerce-product-gallery__image--placeholder img,
div.product-grid-item .hover-img img, 
div.product-grid-item .product-image-link img {
    width: auto;
	margin: auto;
}

div.woocommerce-product-gallery figure > a {
	display: block;
	width: 100%;
	text-align:center;
}

Hello,

Thank you so much, it is working fine.

Thanks.

You are welcome!

[Author]

Posts