Let’s code
Explore fixes, CSS tricks and coding tips, to implement on your Squarespace projects.
Color fill effect for headings in Squarespace 7.1
Learn how to create a color fill text animation in Squarespace using only CSS. In this tutorial, I’ll show you how to do it through a gradient, background clipping, and animating the effect with keyframes.
Create a typewriter effect for headings in Squarespace
In today’s tutorial, we’ll be tackling how to create a typewriting effect for headings in Squarespace, in just a few minutes!
Looping rotating words effect for headings in Squarespace
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!
How to create responsive text, WITHOUT media queries, in Squarespace
In today's video, we'll be tackling how to handle responsive text in Squarespace with ONE line of code and no media queries. Take a look!
Add custom bullet points to text blocks and image blocks in Squarespace
Want to create branded bullet points for your client’s site? Then take a look at this tutorial to learn how you can make that happen, only with CSS, for both text blocks and image blocks!
Why is there extra spacing around headings on my live Squarespace site?
Want to find out how to remove that odd spacing that shows up on some Squarespace headings, only on live mode? Then take a look at today’s CSS trick!
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.
Change the size of mobile fonts in Squarespace
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!
Add another heading to Squarespace without using code blocks
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?