DIY | Library | Headers

CSS
Written By Sarah Foubert

How to Customise Headers in Squarespace Using CSS

This post is all about styling Squarespace CSS headers. Whether you want to tweak font sizes, add letter spacing, adjust padding or centre-align your headers, this post includes copy-and-paste code you can use straight away. The accordion blocks below are grouped by header type (like H1, H2, etc.) so you can easily find what you need.

I’ll keep adding more header code snippets as I come across new tweaks in client work or projects. Got questions? Feel free to drop me an email at sarah@foubography.com.

 

  • /* header background: background color, padding and corners */

    #block-ID {
    background: #color;
    border-radius: 20px;
    padding: 20px;
    padding-bottom: 0px; }

 

Related posts

Featured
DIY | Library | List Section
DIY | Library | Images
DIY | Library | Accordion Block
DIY | Library | Gallery Block
DIY | Library | Form Block

Looking to customise your Squarespace site with code? This post is part of the DIY | LIBRARY —a growing collection of practical code snippets designed for Squarespace users who want to take control of their site’s design and functionality. Whether you’re tweaking your navigation, adjusting your mobile menu, or styling buttons, these copy-paste solutions are clean, reliable, and built with SEO and usability in mind. Bookmark this space for easy access to Squarespace custom code that works.

Sarah Foubert

I’m a photographer and Squarespace web designer based in Altrincham, South Manchester. I specialise in portrait, landscape and opera photography and also offer a “complete website package” where I can offer headshots, photos of your business and design your new website so you can manage it yourself afterwards.

Over the years I’ve built a portfolio career as a professional photographer, opera singer, wardrobe assistant and singing teacher. I have a MMus from the RNCM, a Bachelor in Theatre Sciences and Musicology from Ghent University and I’m a qualified teacher. When my son was born in 2021 I quickly realised that an opera career wasn’t as compatible with being a mum as much as I would like, so I decided to change my focus completely to photography and web design.

I prefer working with daylight in casual surroundings while having a chat making sure you’re at ease and relaxed. It’s the little moments in between that make the best shots!

Feel free to get in touch if you’d like to work with me!

http://www.foubography.com
Previous

DIY | Library | Blog
Next

DIY | Library | Fonts