How to remove the gap between product images on Debut theme?

Solved
Highlighted
Tourist
5 0 3

Hey all,

I'm using the debut theme and would really love it if someone could help me lessen the white gap in between product images. 

Thanks in advance!

Screen Shot 2020-11-22 at 3.04.33 am.png

0 Likes
Highlighted
Shopify Partner
3222 709 857

@Russell7Lee 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Highlighted
Shopify Partner
3222 709 857

@Russell7Lee 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (min-width: 750px){
.product-single__thumbnails-item--medium { margin: 0px !important }
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
Tourist
5 0 3

It works...except I forgot to mention that I would like the images to be centered. 

So currently it looks like this:

 

Screen Shot 2020-11-22 at 4.51.56 pm.png

Highlighted
Shopify Partner
3222 709 857

This is an accepted solution.

@Russell7Lee 

Add this one to center the thumbnails.

.product-single__thumbnails{
justify-content: center;
}

 

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
5 0 3

Amazing! Thanks for the work. Grateful.