How can I decrease the margin between product image and title?

Store Design
, , , ,
1

Hey, I just managed to make the arrows under the product images on the product page hidden, but now the Margin between the product image and product title on my product page is way too big. Does anyone know how to reduce this? Thanks!

TASTE THEME

LINK:https://e8aaa0-3.myshopify.com/password

PASSWORD: mohwhi

1 Like
2

Hi @PRETTYFRIDAYS

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these 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

.slider-mobile-gutter {

height: 290px !important;

}

PageFlyHenry_0-1703514911611.png
PageFlyHenry_0-1703514911611.png309×497 45.7 KB

Hope that my solution works for you.

Best regards,

Henry | PageFly

1 Like
3

Hello @PRETTYFRIDAYS

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.product .product__title { margin-top: 10px !important; }
4

Hi Henry

This is a good answer.

Thank you

Shishir