Increasing Font Size on the Newsletter Post-Submit Message

CSS

Most websites I create include a Newsletter Block on at least one page. One tweak that Squarespace is missing is the ability to change the size of the post-submit message. I’d like the Thank You text to be readable, instead of tiny. So I came up with a workaround.

Here’s a recent client site in progress. You can see the post-submit Thank You message is very small.

 

newsletter post-submit message in Squarespace

 

For my client’s website the font size needed to be bumped up a few pixels. It’s not a stunning design difference, but for my client’s demographic it’s important that we upped the font size so that the message can easily be read. Here’s what the Thank You text looks like larger:

 
 
 

Increase Newsletter Thank You Text Size

To increase the font for the newsletter post-submit message, just add the following code to Design > Custom CSS.

 
 

SQUARESPACE 7.1

If your site is in Squarespace 7.1 (you can check your version by logging in and selecting Help), use this code:

/* increase font size on newsletter post-submit message */
.form-submission-text {
    font-size: 2rem;
}

SQUARESPACE 7.0

Note: this code works on Brine family templates. For other template families, YMMV.

/* increase font size on newsletter post-submit message */
.form-submission-text p
 {
    font-size: 20px !important;
}

Save your code. Then refresh your page, test out your newsletter, and you will see the larger Thank You message. Of course, you can play with the font size to make it as large, or small, as you’d like.

YOU SHOULD ALSO CHECK OUT:


Previous
Previous

Changing the Newsletter Block Button Font

Next
Next

How to Choose a Domain Name for your Squarespace Website