Jump to content

Instagram Padding

Recommended Posts

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

Screen Shot 2021-09-13 at 11.13.49 am.png

Link to comment
  • Replies 1
  • Views 438
  • Created
  • Last Reply

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.