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,

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

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

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.