The Codebase

Filter through all the code

Find the Squarespace tutorial, plugin or snippet that’s going to help you fix or customize your client’s site in a heartbeat.

How to target entire blog pages vs individual blog posts (7.0 & 7.1)

If you’re using blog pages on your client site for different purposes, you may want to be able to customize the content (posts) of just ONE of those blog pages and not the other. A very common situation is when you have a blog page as an actual blog, and another blog page as a portfolio to showcase previous work.

Read More
All CSS tricks, Customization tips, Color change, 7.0, Background Beatriz Caraballo All CSS tricks, Customization tips, Color change, 7.0, Background Beatriz Caraballo

Change the color of your loading screen background (Brine 7.0)

You know when you’re loading your site and you see a flashing or fade-in background color before the content on your page fully loads? This may not be happening on all of your pages – or even if you’re using a template outside the Brine family – but…

Read More
Mobile design, All CSS tricks, Customization tips, 7.0, Spacing Beatriz Caraballo Mobile design, All CSS tricks, Customization tips, 7.0, Spacing Beatriz Caraballo

Make your hero banner and text look good on any device (Brine 7.0)

You’re using a gorgeous background image for your banner, and you have the perfect catchy headline to go on top of it. You start by using spacers, trying to find the perfect placement for your lovely headline on top of the image, in a way that looks 100% readable…

Read More

How to remove automatic hyphens in Squarespace (7.0 & 7.1)

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…

Read More

How to remove header and footer from one page (7.0 & 7.1)

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…

Read More

Find your unique page ID in squarespace (7.0 & 7.1)

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…

Read More

Change the size of mobile fonts in Squarespace (7.0, 7.1 CE & 7.1 FE)

Not feeling happy with how Squarespace is resizing your fonts in mobile? Then let's do something about it shall we? In today's quick tutorial I'm going to show you how you can easily change the size of your fonts in mobile view. Let's go!

Read More
All CSS tricks, Customization tips, Fonts, 7.0, 7.1, 7.1 CE, 7.1 FE Beatriz Caraballo All CSS tricks, Customization tips, Fonts, 7.0, 7.1, 7.1 CE, 7.1 FE Beatriz Caraballo

Add another heading to Squarespace without using code blocks (7.0, 7.1 CE & 7.1 FE)

So, you want to be able to add a custom h4, h5 or h6 to your Squarespace site, or even better, be able to add a specific font WITHIN one of the default Squarespace headings without having to add a code block with HTML,  every single time?

Read More

Make changes to a specific banner in the Brine template family (7.0)

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…

Read More
All CSS tricks, Customization tips, Fonts, 7.0, 7.1, Learn code Beatriz Caraballo All CSS tricks, Customization tips, Fonts, 7.0, 7.1, Learn code Beatriz Caraballo

Adding custom fonts to your Squarespace site (7.0 & 7.1)

So you’ve got your amazing brand all set, you finally decided on your fonts and now you’re starting to design your site on Squarespace. Great! But hang on, that gorgeous brush script you just chose is not in the editor's font list… crap, now what?

Read More