Jump to content

Bedford: How do you reduce side padding of main container?

Recommended Posts

  • 2 weeks later...
  • Replies 3
  • Views 21.9k
  • Created
  • Last Reply
  • 10 months later...

To allow all Image Blocks to appear at the same width as your banner image in the page, use this code in your Page Header Code Injection:


<style>
#page, #content {
 padding: 0 !important;
 max-width: 100% !important;
}
.sqs-block.image-block {
 padding-top: 0
}
</style>

This will remove the padding from the Page Content area and the Image blocks on that page. You could add this to Custom CSS Editor instead to remove this for all Pages on your site:


// Page Side Padding
 #page, #content {
 padding: 0 !important;
 max-width: 100% !important;
}


// Image Padding
.sqs-block.image-block {
 padding: 0
}





Link to comment
  • 2 years later...

Archived

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

Guest
This topic is now 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.