Minimal Theme - removing padding at bottom of instagram section

Solved
FORTLondon
Excursionist
20 1 8

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
Shopify Partner
5829 1335 1711

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

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
FORTLondon
Excursionist
20 1 8
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
Shopify Partner
5829 1335 1711

@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!

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
FORTLondon
Excursionist
20 1 8

thanks so much!!

0 Likes