Simple Intro to Adding Custom Styles in Squarespace

By Elliot Olson

By Elliot Olson

Lead Web Designer + Digital Strategist

| studio anansi | studio anansi Simple intro to adding custom styles in squarespace

One of the things I love most about Squarespace is how flippin’ easy it is to customize so many elements of your website.

Many people will never need to go beyond the default Squarespace style options.

But I said many people. 

You are looking for even more Squarespace styling, right?

If you’re ready to add extra pizazz to your Squarespace website, there is a special area to add style options.


Squarespace Custom CSS

You may be thinking…

Wait a minute. CSS whatnow?

If you’ve never encountered CSS before, never fear.

It’s pretty dang straightforward.

Here’s an easy way to think about your Squarespace website’s two parts…

HTML is the content of the site — the text, images, links, etc.

CSS is the style of the site — the fonts, colors, and layout.

So basically, your CSS sets the style of your HTML content.

Here’s an overview of where to access the custom CSS of your Squarespace site — plus some examples of unique styles you can add to jazz up your site!

Snag the CSS

Here are the examples I use in that video:

.lowlight {
background: linear-gradient(180deg, rgba(255,255,255,0) 50%, #8cb8ba 50%);

.narrow-title {
letter-spacing: -0.06em;

.wide-title {
letter-spacing: 0.5em;

.vertical-title {
writing-mode: vertical-rl;
transform: rotate(180deg);
margin: 0 auto;
position: relative; right: 10px;

More Custom Squarespace Styles

Check out these step-by-step guides to customize your Squarespace website…


Sign up for our weekly emails, full of website tips and marketing insights that you can use right away.

By entering your information, you agree to receive emails from Studio Anansi. You can opt-out at any time.

0 1 /                                            Services

02 /                                               RESULTS

0 3 /                                                  ABOUT

0 4 /                                       RESOURCES

0 5 /                                           CONTACT

We give back to support new businesses and emerging nonprofits.

Ready for a
better website?

Save time and grow your business strategically with weekly web tips.

Don’t miss out. Join hundreds of other small biz owners and entrepreneurs

Skip to content