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

[Tristan97]

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.

[paramSoft]

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

[Tristan97]

https://cozzey.myshopify.com/products/15w-qi-fast-wireless-charger-stand-for-iphone-11-xr-x-8-apple-...

[diego_ezfy]

@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

Please let me know whether it works.

Kind regards,
Diego

[paramSoft]

Please place this code at the end of theme.scss

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