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}

insidethesquare


Grab my collection of custom codes for Squarespace: 
→ insidethesquare.co/css

Learn CSS for Squarespace in my free class:
→ insidethesquare.co/learn

https://insidethesquare.co
Previous
Previous

How to Create An Accordion Text Effect in Squarespace

Next
Next

How to use your own image for the cart icon in Squarespace