Jump to content

Reducing padding of the Header or block below on Squarespace 7.1

Recommended Posts

Hi all,

I'm trying to reduce the padding either of the header (padding-bottom) or the image block below (padding-top) on my website, but I have tried both within the custom css and page injection pages but neither of my code is working or seems to work for a minute and then gets overridden, I was hoping this would be an easy task but it appears to taking a while to sort out so would appreciate any help.


See the attached screenshot, plus code that hasn't worked so far...

.header .header-announcement-bar-wrapper {

    padding-bottom: 0px !important;



Page.section:not(.content-collection):not(gallery-section)>.content-wrapper { padding-top: 0px !important; }


Any help would be greatly appreciated.




Screenshot 2020-07-30 at 16.12.21.png

Link to comment
  • Replies 2
  • Views 878
  • Created
  • Last Reply


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.