How To Edit The White Space In Between Headings and Paragraphs in Brooklyn Theme?

Tristan97
New Member
4 0 0

Hi

I am having trouble editing the white space or "padding"  between the headings and paragraphs of the product page on Brooklyn theme.

Please see image below to where arrows are pointing.

I would like to edit it to make it less or smaller.

Thanks in advance for your assistance.

Screenshot 2021-02-08 at 14.47.13.png

0 Likes
paramSoft
Shopify Partner
1592 254 711

Please provide website url and if your store is password protected then also provide password

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes

@Tristan97 

Do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

.template-product .rte h2{
    margin-top: 15px !important;
    margin-bottom: 30px !important;
}


You can adjust the numbers. I picked some arbitrary numbers just for the sake of example.

15px = top spacing
30px = bottom spacing

diego_ezfy_0-1612814825526.png

 



Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Tutorials: Minimal theme product pages slideshow | Debut Theme product pages slideshow
◦ Looking to hire a reliable Shopify developer? Same day response: ezfycode@gmail.com.
0 Likes
paramSoft
Shopify Partner
1592 254 711

Please place this code at the end of theme.scss

.product-single__description h2 {
    margin-top: 10px !important;
    margin-bottom: 15px !important;
}

 

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes