How To Change Scrolling Marquee Font in Squarespace

This tutorial is for both versions of Squarespace, 7.1 and older versions built with 7. For more information, visit https://insidethesquare.co/themes

The scrolling marquee is an exciting new feature in Squarespace, but the design menu doesn’t have as many options as I would like to see.

You can use it to adjust the size of the font or assign a heading or paragraph font to that specific block, but to change it to a unique font or a unique color, you’ll need to use the codes from this video.

To add these to your site, I recommend installing them in your Squarespace CSS file under Design > Custom CSS.

---

Here is the code from this tutorial; be sure to adjust the font family and color to suit your own site style.

.Marquee * {
  font-family: serif!important;
   color:blue!important
}

If you want to change one specific Squarespace scrolling text block, add the block ID to the beginning of the code, like this:

#block-123 .Marquee * {...

Here is the chrome extension I use to grab the block ID. I am not affiliated with this extension or its creator(s) , just a fan!

---