How can I display product thumbnails in square shape on the main product page?

Store Design
1

Hello,

Hope you guys are doing good. I have a lil issue for how shopify is showing thumbnails in rectangle shape on main product page, but I want it in square.

Explored online on this and got a solution to include this code under theme.css file - .product-single__thumbnail-image {width: 90px; height: 90px;}

But this doesn’t work for my website… could please suggest some other solution to it.

Website link - https://fullhousemodern.com/

Here’s the ss for the explanation.

Jen123_0-1660819248761.png
Jen123_0-1660819248761.png827×547 73 KB

1 Like
2

Hi there @Jen123 ,

Add the following code to your theme.css file

.slick-track .thumb figure {
 height: 127px !important;
 width: 127px !important;
}

Hope it helps

3

Thanks a lot Umair,

It worrked!!

1 Like
4

@Jen123

You are always welcome.