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
All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Cool look, 12 Days of Christmas Beatriz Caraballo All CSS tricks, 7.0, 7.1 CE, 7.1 FE, Cool look, 12 Days of Christmas Beatriz Caraballo

Creating collapsible form sections in Squarespace (7.0, 7.1 CE & 7.1 FE)

Today’s tutorial is a really useful one, especially if you have to deal with large-ish form blocks on a regular basis when building your client sites. We’ll be using a crafty little trick to HIDE parts of a form when the page loads, and then reveal those hidden fields on click, almost like an accordion block!

Read More

Creating big category thumbnails with a rollover effect

Today we’re going to be taking advantage of the grid layout of an Index Gallery to create big and bold category thumbnails that you can use to showcase your different service packages, blog categories, photo galleries, or pretty much anything else you want!

Read More
#22daysofcustomization, All CSS tricks, Cool look, 7.0 Beatriz Caraballo #22daysofcustomization, All CSS tricks, Cool look, 7.0 Beatriz Caraballo

Customizing the index gallery slideshow in Squarespace

Templates like Brine allow us to add big and bold imagery through its Index Gallery pages. Fortunately, Squarespace gives us a couple of different options to style them through the Style Editor however, and depending on the design you’re after, this may not be enough.

Read More