HeidiFin Posted September 13, 2021 Share Posted September 13, 2021 Site URL: https://amphibian-hyperboloid-6te8.squarespace.com/ Hi there, Quick question - I've created a full-bleed Instagram feed on my home page, however there is some pesky padding on the top and bottom that I'd like to get rid of, but can't figure out how. (I'd like the feed to fit snugly between the footer and the logo bar above it.) Here's the site: https://amphibian-hyperboloid-6te8.squarespace.com/ | Password: password This is the code I'm using: [data-section-id="610e1c816cc8a51418ff14c3"] .content-wrapper { padding-left: 0 !important; padding-right: 0 !important; max-width: 100%; max-height: 100%; padding-bottom: 0 !important; padding-top: 0 !important; } div#block-yui_3_17_2_1_1628314733713_7728 { padding-bottom: 0; padding-top: 0; } Any help appreciated, Thanks Heidi Link to comment
tuanphan Posted September 15, 2021 Share Posted September 15, 2021 I think it is Instagram Block Padding top/bottom. It looks like you solved this? However, you code doesn't work on Mobile (You can check to see this). Use this new code /* remove instagram padding */ div#block-yui_3_17_2_1_1628314733713_7728 { padding-bottom: 0 !important; padding-top: 0 !important; } (I added !important to code) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.