Brooklyn Theme: Product page heading spacing

Solved
Highlighted
Excursionist
25 0 6

Hi SC!

When adding information about my product in the text box, I've noticed the spacing between the heading and the text under is quite big. Does anyone know how to reduce the spacing? 

Screen Shot 2020-08-27 at 12.04.50 AM.png

thanks in advance,
Tracy

0 Likes
Highlighted
Shopify Partner
2235 484 627

Hey @trasiewho 

I read your description. Can you please provide me your webshop URL?

I will check and provide you solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Excursionist
25 0 6

Hey @dmwwebartisan 

My shop URL is foxandfiddle.co and I will DM you password  

Thank you,
Tracy

0 Likes
Highlighted
Shopify Partner
2235 484 627

This is an accepted solution.


Hey @trasiewho 

Try this CSS class.

Add code assets/theme.scss.liquid Or assets/timber.scss.liquid bottom of the file

.template-product .rte h3, .rte .h3 {margin-top: 1.5em;margin-bottom: 1em;}

Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Excursionist
25 0 6

@dmwwebartisan That worked perfectly for all the h3 sections, but for some reason the spacing after the h2 section didn't change. 

Screen Shot 2020-08-28 at 10.37.00 PM.png

Do i need a separate line of code for that?

Thanks,
Tracy

0 Likes
Highlighted
Excursionist
25 0 6

@dmwwebartisan any thoughts on the above? ^

0 Likes
Highlighted
Shopify Partner
2235 484 627

This is an accepted solution.

Hey @trasiewho,

Please try the following code:

.rte h2, .rte .h2, .rte h3, .rte .h3{
margin-bottom: 0px !important;
}

 

Hope this helps! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Excursionist
25 0 6

Worked perfectly @dmwwebartisan !!

Thanks a million! Tracy

0 Likes