InsideTheSquare.co

View Original

How To Customize the Newsletter Disclaimer Text Style in Squarespace

This tutorial is specifically for the latest version of Squarespace, known as 7.1, and won't work for older versions of Squarespace. For more information, visit https://insidethesquare.co/themes

A few weeks ago Squarespace made a change that affected a lot of us - they added a Google ReCaptcha to all newsletter forms.

While this is great for improved site security and to stop spam, it also prompted a not very fancy looking disclaimer at the bottom of all newsletter blocks.

It’s in the same spot where your newsletter disclaimer text is, so I wanted to show you how to customize that text with a little code!

Here is how to install the code on your site:

  1. Navigate to your Design Menu

  2. Select Custom CSS

  3. Paste the code below; be sure to update the font family, color and any other customizations you want to see!

  4. Select save on the top left hand side of the screen and you’ll be good to go.

Here are the codes from this tutorial.

Don’t forget to adjust any number values & colors in bold below to suit your own site style!

Change the font style:

.newsletter-block .newsletter-form-footnote {font-family:Serif}

Make the text all capital letters and change the font size too:

.newsletter-block .newsletter-form-footnote {text-transform:uppercase; font-size: .8rem}

Remove the underline from active links & add a background color:

.newsletter-block .newsletter-form-footnote a {text-decoration: none;
background-color: yellow}