How to remove spacing between product image thumbnails - Debut theme?

WithLuke
Excursionist
23 0 7

https://withlukestudios.com/collections/presets/products/ultimate-collection

no pw.

I am wondering how to remove the spacing between the product thumbnails / add more images to a row as there is a lot of wasted space here. 

Also, on mobile, there is a large gap between "buy it now" and the product description, can that be changed?

Any help is really appreciated!

0 Likes
Natztech
Shopify Partner
606 159 401

please Go to Online Store->Theme->Edit code then go to Asset->/theme.css ->paste below code at the bottom of the file.

.thumbnails-wrapper .product-single__thumbnails .product-single__thumbnails-slider-track .product-single__thumbnails-item .text-link .product-single__thumbnail-image{

width: 100% !important;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
WithLuke
Excursionist
23 0 7

Now they are really wide and cropped in, can I keep the height but reduce the width to match the original image 4x5 crop?

0 Likes