Sense Theme - Image Slider Thumbnails padding

Store Design
1

Hello,

How to reduce padding (according to the pictures) on Mobile, above and below Thumbnails of Product Image Slider in Sense Theme?

padding 1.jpg
padding 1.jpg1080×595 32.8 KB

Desired effect:

padding 2.jpg
padding 2.jpg1080×454 29.5 KB

1 Like
2

@Maro33
Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.

3

@Maro33 ,

Share the URL .

4

@Maro33 Can you please send me store url?

5

@DelightCart https://alwayshe.com/products/alwayshe-slimming-jumpsuit

6

@oscprofessional

https://alwayshe.com/products/alwayshe-slimming-jumpsuit

7

@Maro33 ,

ul#Slider-Gallery-template--15458562080952__main {
    padding: 0;
}
h1.product__title {
    margin-top: 1px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

8

@oscprofessional Is it possible in that configuration to still see the shadow of the main image? After applying the code the shadow is being cut.

9

@Maro33

ul#Slider-Gallery-template--15458562080952__main {
    padding: 5px;
}

update it with first css

10

Great, Thank you. As I have a pro user online, can you please tell me how to move the Product name above the image slider to the top?

11

@Maro33 ,

It can be done by customization.

Its a time consuming task.

You can connect with us by via email or Skype.

12

Ok. Thank you.