How to Make the Instagram Block Full Width on Squarespace 7.1

CSS

Aug 17

Written By Christy Price

This solution works for Squarespace 7.1 websites.

Making the Instagram Block Full-Bleed in Squarespace 7.1

In Squarespace 7.1 the Instagram feed defaults to an inset look like this:

But what if you’d like a full width Instagram block? In this video I show you how to add one to your Squarespace 7.1 footer.

Here’s the code you’ll need. Update the data-section-id with your own. I recommend using the Squarespace ID Finder extension in Chrome to easily target that section. You’ll paste this into Design > Custom CSS:

[data-section-id="5f3b126dc4957d773cddaab4"] .content-wrapper { 
    padding-left:0!important; 
    padding-right:0!important; 
    overflow-x:hidden !important; 
    max-width: 100%!important; 
}

Save your code. Then refresh your site. You’ll now have a beautiful, full-width Instagram feed with no padding on the sides.