Minimal Theme - removing padding at bottom of instagram section

[FORTLondon]

Hello!

I'd like to tighten up my homepage by removing excess white space at the top and bottom of the instagram section - you can see it here at www.fortldn.com

I've tried but can't work out which element needs the padding adjusting?

Also a clean page break / line above and below the instagram section would be wonderful. Thanks.

Thanks,

R

[dmwwebartisan · Accepted solution]

@FORTLondon 

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

section.ooo-instagram {
    margin: 0px !important;
    padding: 0px !important;
}

Let me know if this works.

Thanks! 

[FORTLondon]

Hi,

Thanks for your reply. There is still a big gap, I'm not sure it's changed
anything!

Its the big gap between the footer and the bottom of the instagram
container that feels like a lot.

Also if there is a way to add a simple thin line above and below the
instagram feed section that would be fantastic. Thanks.

[dmwwebartisan]

@FORTLondon 

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

This will work for the home page only.

.template-index .main-content:after{ 
padding-top: 0px !important;
border-bottom: 0px !important;
}
.template-index div#shopify-section-footer {
    border-top: 1px solid #d4bee8;
}

Let me know if this works.

Thanks!

[FORTLondon]

thanks so much!!