How to Center Squarespace Form Post-submit Text

If you use forms on Squarespace, you may want a little more control over the text that appears after someone submits a form. For total control, you can use the post-submit redirect function to send someone to another page on your website. But what if you want to simply style the “Thank you” text that appears after someone clicks submit?

Here’s what it typically looks like, with the option to bold or italicize it when you edit the text:

With just a bit of code we can center the text to make it look much better:

You’ll want to add this code snippet to Custom CSS:

/* center post submission text */
.form-submission-text {
  text-align: center;
}

This changes the alignment of every post-submit text. If you’d prefer, you can target just one page or block, using the Collection or block ID. Here’s how to find those in Squarespace.

/* center post submission text */
#YOUR-COLLECTION-ID-HERE .form-submission-text {
  text-align: center;
}

You can also change up the size or color of the text, like so:

/* center post submission text */
.form-submission-text {
  text-align: center;
  font-size: 2rem;
  color: #e5bfaf;
}

Then just adjust the size or hex color code as needed to match your brand.

Want to learn more about CSS in Squarespace?

My friend Will Myers has an excellent and affordable course to Learn CSS in Squarespace.