How to reduce spacing above and below product title

Tourist
3 0 1

Hello kind souls,

How do I reduce the spacing above and below the product title? I'm using the Jumpstart theme.

See the attached screenshot.

My shop address is https://elektracosmetics.myshopify.com/collections/all

I'd also like to do the same on the individual product pages. 

Thanks!

Sunil

0 Likes
Shopify Expert
650 0 93

Try adding this to the bottom of your "assets/theme.scss.liquid" file.

.wrapper.wrapper--margins {
    padding: 50px 0;
}


Be sure to check that it does effect other unintended sections of the site.

1 Like
Tourist
3 0 1

Thank you Ricky! That worked perfectly.

If only I could remove that annoying horizontal rule just below the page title!

0 Likes
Shopify Expert
650 0 93

Try adding this to the bottom

 

.header__custom hr {
    display: none;
}

 

1 Like
Tourist
3 0 1

Thank you very much, Ricky!

1 Like
New Member
3 0 0

Hi Suture,

 

I am currently using Brooklyn theme (not sure if that matters). The code doesn't seem to reduce the white space (padding) between the Product Title and the Product Picture (Mobile Browsing). This is on product page and NOT on collections page. Any ideas on how to reduce this space?

 

Capture.JPG

0 Likes