Brooklyn theme - issues with spacing on each page (home page, product page, custom)

[CBoffa]

Hi there,

I need assistance with reducing the spacing between text on the Brooklyn theme. This applies to all pages - home pages/product pages/ custom pages etc.

If I try reduce the line text via the editor, it does not allow me to use the H4 heading codes or turns all the text into it ( screenshot attached)

Issues when trying to use H4 tags without big space inbetweenexamples off too large space between paragraphsissues with spacing between title and body text

I would also like to add a contact form to product pages.

I'd also like to add the newsletter subscribe to the footer.

my store link is clocreative.com

the password is tredah

Thank you in advance for your help!

[dmwwebartisan]

@CBoffa 

Please share your website password. I will check and provide a solution for spacing here.

Thanks!

[CBoffa]

Hi there,

I provided in the original message - it is tredah.

Thank you!

[dmwwebartisan]

@CBoffa 

On which page, I should check?

I checked with "Our work" on the top menu. Please provide URL.

[CBoffa]

Hi again,

Sorry if the original post wasn't clear. Each page essentially I am noticing issues with spacing - so the home page, custom pages & product pages. This is spacing between the header and body, as well as H4/h3/h2/h1 tags and text.

The URL is https://clocreative.com/

Screen shot of example:

spacing issues product pagespacing issues custom page

[dmwwebartisan · Accepted solution]

@CBoffa 

Please add the following code at the bottom of your assets/timber.scss.liquid / theme.scss.liquid file.

.index-sections .shopify-section {
    margin-top: 32px !important;
}
.rte h1, .rte .h1, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}
@media screen and (min-width: 591px){
.section-header { margin-bottom: 20px !important; }
}

Hope this helps.

Thanks!

[CBoffa]

This worked beautifully, thank you for your help!!