How to make the space between product images and the arrows to switch between those images

Store Design
1

Screenshot 2023-07-01 100350.jpg
Screenshot 2023-07-01 100350.jpg570×885 43.1 KB

my website is yotoia.com

any help to take this empty space off is greatly appreciated

i am using the sense theme

1 Like
2

Hey @axeltta

Please follow below steps

Step 1: Go to Online Store → Theme → Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save

@media screen and (max-width: 749px){
.product .slider.slider--mobile{margin-bottom: 0;}
.product .grid--peek.slider .grid__item{padding-bottom: 0;}
}
3

that you so much, spent so long trying to fix this

I very much appreciate you

1 Like
4

would you know how to make the space between blocks in the product section smaller?, like the space between different text, the price, app rating, etc..

any help is greatly appreciated

1 Like
5

Thanks for accepting solution.

Here is the code for reduce spacing between price and all other text.
Please add below code at bottom of base.css file

@media screen and (max-width: 749px){
.product .product__info-wrapper .product__title{margin: 5px 0;}
.product .product__info-wrapper .product__info-container>*+*{margin: 10px 0;}
.product .product__info-wrapper .product__text{margin: 5px 0; line-height: normal;}
.product .product__info-wrapper .product-form__input{margin-bottom: 5px;}
.product .product__info-wrapper .product-form{margin: 5px 0;}
}

Let me know if you need any other help.

1 Like