Adjust Whitespace/padding on the left and right side of Product Images in DEBUT theme.

Solved
loganwright
New Member
4 0 0

Hi everyone! I'd like the product thumbnails on my products pages to appear larger and also closer together. Can anyone write some code(s) that can both remove some of that whitespace on the left and right sides of the gallery of images, as well as some of the space between each of the three rows? The goal is for the thumbnails to appear a bit larger, as well as a little closer together. Thanks so much! 

The image below should give you a better idea of what I'm asking -- bigger pictures, closer together. 

Oh! And can you also please make the names of the products align with the left sides of the thumbnail pics? Because right now they all seem too far left.

 

whatiwant.png

 

0 Likes
Natztech
Shopify Partner
1923 495 1177

hello @loganwright 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes
loganwright
New Member
4 0 0

Sure thing! 

The url is: https://dwntwn-prints.myshopify.com

Password: 124

 

0 Likes
Natztech
Shopify Partner
1923 495 1177

This is an accepted solution.

hello @loganwright 

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

#shopify-section-collection-template .grid-view-item__image-wrapper.product-card__image-wrapper {
	max-width: 100% !important;
        max-height: 100% !important;
}
#shopify-section-collection-template .grid-view-item__image {
    max-width: 100% !important;
    max-height: 100% !important;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
loganwright
New Member
4 0 0

This is PERFECT!! Thank you so much.

0 Likes
Natztech
Shopify Partner
1923 495 1177

@loganwright 

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance, If helpful then please Like and Accept as Solution

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes