Featured Collection - Debut Theme - Images same size

Store Design
1

Hello,

I need these images to be the same size please?

website: www.kingandqueenjewellery.com

password: KAQ2021

Thanks

Saul

Screenshot 2022-07-22 at 18.44.34.png
Screenshot 2022-07-22 at 18.44.34.png2294×962 318 KB

2

Hi, @KingandQueen

The easy solution here is to resize the image with the same aspect ratio as the others.

Another solution would be:

  1. Go to Online Store → Theme → Edit code
  2. Asset → /theme.css → paste below code at the bottom of the file.
@media (min-width: 768px) {
	.product-card__image-with-placeholder-wrapper .product-card__image-wrapper img.grid-view-item__image {
		max-width: 100% !important;
	}

	.grid-view-item__image-wrapper {
		max-width: 100% !important;
		height: 350px;
		overflow: hidden;
	}

}

This would only affect the desktop view.

If it helps consider to buy me a coffee to keep running things smoothly ;).

https://www.buymeacoffee.com/juandev

1 Like