[Tim MParticipant]

I have a gap between two sections on my home page I would like to reduce but cannot achieve it via settings or CSS, could you please assist.

It is the gap between the top section where I have two large tiles and the section below it containing Instagram thumbnails (see attached)

Link: http://charliescookies.com.au/dev/

TIA

[John EzraMember]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

div#interactive-banner-1-wrap-2142 {
    margin: 0;
}

div#interactive-banner-1-wrap-5817 {
    margin: 0;
}

Hope this helps – thanks!

[Tim MParticipant]

Thank you. I tried this but it had no effect. I also tried adding !important but that didn’t work either. Any other suggestions?

Thanks

[FriechModerator]

Hi There,

So the ultimate VC addon div ID is changing, lets target that <div> with a class instead. Please add this on your custom CSS.

#x-content-band-2 .ult-banner-block {margin-bottom: 0;}

The remaining white gap is the top padding of the content band 3.

Hope it helps, Cheers!

[Tim MParticipant]

thank you

[John EzraMember]

You’re most welcome!

[Author]

Posts