Solved

Brooklyn Theme - Remove/Adjust Custom HTML Padding/Margin Below The Content

wiredcampers
Tourist
12 0 1

Hi,

I have a couple of custom HTML sections on my home page, but when I add in the HTML code, it always seems to add in some sort of padding/margin below it creating unwanted blank space.

www.wiredcampers.co.uk

Examples are under the Clearpay banner and under the Ecologi logo towards the bottom?

Capture 2.PNGCapture.PNG

Can this be adjusted/removed?

Thanks

Accepted Solution (1)

Zworthkey
Shopify Partner
5581 642 1569

This is an accepted solution.

hii, @wiredcampers 
Paste this code on top of the theme.scss file.

@media only screen and (min-width: 992px) {
hr.hr--large {
    margin-top: -10px !important;
}
div#shopify-section-1592511196581 {
    margin-top: 0px !important;
}
}



View solution in original post

Replies 3 (3)

Zworthkey
Shopify Partner
5581 642 1569

This is an accepted solution.

hii, @wiredcampers 
Paste this code on top of the theme.scss file.

@media only screen and (min-width: 992px) {
hr.hr--large {
    margin-top: -10px !important;
}
div#shopify-section-1592511196581 {
    margin-top: 0px !important;
}
}



wiredcampers
Tourist
12 0 1

Perfect! Thanks @Zworthkey 

Awaker
Visitor
1 0 0

Hi Wiredcampers,

 I found the Dynamic Logo code at Ecologi, but I don't know where exactly to paste it so it will show up on Shopify.