Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 3
Sign in to follow this  
cdelehanty

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

Question

This question may have been asked many times before but is it possible to reduce the side padding of the main website container? If possible can you set padding to 0 to make photos fullscreen? I'm currently using Bedford.

Edited by Jeng
retag

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 5

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
}





Edited by squareology
added #content to code, as this code no longer works without it

Share this post


Link to post
Guest
This topic is now closed to further replies.
Sign in to follow this  

×
×
  • Create New...