Squarespace CSS tricks

The Blog

Explore the Squarespace tutorials and tips available on the site to tackle that customization or fix you’re after!

And if you can’t find what you’re looking for:

All CSS tricks, 7.1, Cool look, Fonts, 12 Days of Christmas Beatriz Caraballo All CSS tricks, 7.1, Cool look, Fonts, 12 Days of Christmas Beatriz Caraballo

How to style the related video items section title in Squarespace 7.1

Are you working with Video Pages on your client's site? If so, today's tutorial may come in handy if you're wanting to style the inner related video items area. In this video, I'll be showing you one clean and simple way to customize it with a bit of CSS.

Read More

Looping rotating words effect for headings in Squarespace (7.0, 7.1 CE & 7.1 FE)

Want to create a looping rotating effect for a heading on your client project? Then take a look at how you can easily achieve that with an awesome plugin!

Read More

Changing the color of your heading, menu items and site title, only on one page in Brine

In today’s post, we’ll be looking at what you can do when your menu navigation is readable over certain banners but not over others, without having to add a background color to it or changing the images altogether.

Read More

How to align footer text to the center in mobile screens

Have you ever wanted to center-align text inside your footer in smaller screens while keeping it left or right-aligned in tablets and desktop? The process and code are quite simple BUT, particularly when you originally have text aligned to the right there are additional steps required to have full control over the mobile result.

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

How to create a multi-column text block in Squarespace, without using separate blocks

This depends on the font you’re using and the styles you’ve set for it, but most often than not, you feel you need just a bit more space between both columns. The problem is if you shove a spacer in there, the gap looks more like an airport runway than anything else.

Read More
#22daysofcustomization, All CSS tricks, Metadata, Fonts, 7.0, 7.1 Beatriz Caraballo #22daysofcustomization, All CSS tricks, Metadata, Fonts, 7.0, 7.1 Beatriz Caraballo

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…

Read More

Creating vertical text in Squarespace

Oh I know you wanna jump in the vertical text wagon. In fact, you probably already did! Right now you may be using images to contain your vertical text because let’s face it… it’s way easier than figuring out how to it with code.

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…

Read More

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

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