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

Solved
CBoffa
Tourist
4 0 3

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 inbetweenIssues when trying to use H4 tags without big space inbetweenexamples off too large space between paragraphsexamples off too large space between paragraphsissues with spacing  between title and body textissues 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!

0 Likes
dmwwebartisan
Shopify Partner
5278 1215 1558

@CBoffa 

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

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
CBoffa
Tourist
4 0 3

Hi there,

 

I provided in the original message - it is tredah.

 

Thank you!

dmwwebartisan
Shopify Partner
5278 1215 1558

@CBoffa 

On which page, I should check?

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

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
CBoffa
Tourist
4 0 3

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 product pagespacing issues custom pagespacing issues custom page

 

dmwwebartisan
Shopify Partner
5278 1215 1558

This is an 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!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
CBoffa
Tourist
4 0 3
This worked beautifully, thank you for your help!!