Increasing Font Size on the Newsletter Post-Submit Message

How to Increase the Font Size of the Newsletter Post-Submit Message

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

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:

 
Newsletter thank you message with bigger text
 
 

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.

Custom CSS Menu in Squarespace

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

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

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:


If this post was helpful, I’d love to know. Drop a note in the Comments ↓ with a link to your site and how you used the CSS.