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
Style the slideshow gallery block arrows in Squarespace

With this nifty CSS trick you'll be able to make style your Squarespace gallery slideshow arrows match your site's style in less than 10 minutes. Heck, less than 5 if you already know your brand colors' hex codes! Take a look at how you can make them look on-brand, with this quick snippet!

Read More
Edit a specific banner in the Five template

To edit just ONE banner in your Five template you can either add your code inside your chosen page's header or target the corresponding page's ID in your Custom CSS window. In this tutorial, we'll see how to do it with the page's ID to change the page title color, add a background to the banner text and even add a button to any banner!

Read More
Make changes to a specific banner in the Brine template family

It seems like one of the most common struggles DIYers and designers alike have when creating a site in Squarespace, is finding out how to make changes to a specific banner on their site. In today's post, I'll show you how to style a specific index section and individual page abnner in the Brine template.

Read More