Posts in Squarespace CSS tricks
Creating half, angled and floating effect backgrounds in Brine

If you’re using one of Brine templates, or pretty much any other template in Squarespace, you’re most likely wanting to make the best out of their banner sections. These can be used in many creative ways to add an extra touch of “huh… I wonder how they did that?“ and to create the oh so desired illusion of making images FLOAT over another index section.

Read More
Turning the Gallery Block title into a colorful label

If you’re using a Gallery Block as category thumbnails for your blog, to redirect to your different service packages, or anything else that works best with an identifying label, you’re gonna love today’s customization! We’ll be turning the Gallery Block slide titles into colorful labels! And even give EACH a different color!

Read More
Add custom social icons to your Squarespace header

If you’re doing a custom design, you may be wanting to go all in with things like colors, fonts, patterns and icons. So, if you want to include those gorgeous social media icons you – or your graphic designer –created, keep reading my friend because we’ll be looking at how you can add custom social media icons to your Squarespace header!

Read More
How to create a low highlight behind your text

Wondering how to create that cool low highlight that you see behind headings and links all around the interwebs? Then keep reading 'cause I'm gonna show you how to nail it! We're going to be adding the highlight background to one word in a heading, to the entire heading and to links inside the body text so you can get a pretty broad idea of how to set it up.

Read More
How to remove automatic hyphens in Squarespace

When I talked about changing the size of mobile fonts in Squarespace at the very end of the post I gave you a quick tip on how to turn off automatic hyphenation. However, I wanted to do a separate post about it since there are some things you should consider when deciding to do it.

Read More
How to change the color of the Post Comment button

If you're using Squarespace's commenting system on your blog, you'll notice you can't change the color of the "Post Comment" black button through your style editor. However, today I want to show you a super easy code trick that you can use to do that and have the button match the rest of your site!

Read More
How to remove header and footer from one page

So, you want to create a custom landing page in Squarespace for an opt-in, product, tripwire or even for Instagram and you want to eliminate all distractions from the page so all your visitors have no escape, right? (insert evil laugh here). In that case you probably want to remove the header and footer from your page – otherwise why would you be reading this – so let's dive into how you can do that in your template.

Read More
Find your unique page ID in squarespace

Want to add some CSS to just one page on your site, that's NOT an index section? Don't want to add the code to your page's settings? Then you're going to want to find your page's unique ID to make all the changes you like on just one page of your Squarespace site. But don't worry, it's pretty easy to find. And if you're wondering, yes, this applies to any non-index page of any template!

Read More
(UPDATED) How to style the EU cookie banner in Squarespace

I know I'm not the only one still running around making sure everything on my site is ready for the GDPR deadline, and since that includes setting the EU cookie banner I wanted to share a quick snippet that my lovely friend Yana Dirkx from Bliss & Gold came up with to make the awful Squarespace cookie banner look much much nicer!

Read More
How to overlap headings in Squarespace

I'm a big fan of overlapping text on purpose to create cool-looking headers, I feel this gives a more interesting look to a rather "standard" section of your website without overthinking it. So, if you love mixing fonts and want to add a unique touch to your design, keep on reading to find out how to overlap headings in Squarespace!

Read More
How to make your Squarespace design look good in mobile

Look, I know this is not an exciting topic but I promise you the solution to your mobile issues is much simpler than you think. That's why I created a completely free training on making changes to your Squarespace design only on small screens! In the video I walk you through everything you need to know to take matters into your own hands and make any element on your site look how YOU want to on mobile.

Read More