fix

Customize the Appearance of the "Thank you for your submission" Text

Customize the appearance of the "Thank you for your submission" text after a form is submitted using CSS.

By Dana Kilroy ・1 min read
ShortStack Tips & Tricks

Have a Custom Form or Promotion on your tab?

Did you know that you can customize the appearance of the "Thank you for your submission" text that displays after the form is submitted?

Well, you can! Here's some CSS to place in your CSS Editor, with a number of elements you can customize, just pick and choose what you want to use:

form .success p{color:#ff0ff0; /*Color of the 'Thank you for your submission' text

*/font-size:28px; /*Font size of the 'Thank you for your submission' text

*/font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; /*Web-safe font associated with the 'Thank you for your submission' text

*/font-weight: bold; /*Weight of the font

*/text-align:center; /*Text alignment of the 'Thank you for your submission' text - other options include left and right alignment

*/border:5px solid black; /*Border size, style, and color - this is only for the 'Thank you for your submission' section of the form

*/padding:10px; /*Padding around the 'Thank you for your submission' text

*/background:#ffff00; /*Background color of the 'Thank you for your submission' section of the form*/}

Don't like the colors and fonts I used above? Don't worry, I'm not offended if you change them. Below are a few resources from w3schools.com to help you customize the CSS to your liking:

Web-safe font guide: http://www.w3schools.com/cssref/css_websafe_fonts.asp

Font-weight: http://www.w3schools.com/cssref/pr_font_weight.asp

Border properties: http://www.w3schools.com/cssref/pr_border.asp

About the author

By Dana Kilroy ・1 min read
Follow

Dana Sullivan Kilroy is a communications professional with more than 20 years of experience delivering compelling content. Her work has appeared in national, award-winning publications and sites, including: The New York Times, The Los Angeles Times, The Wall Street Journal, USA Today, and Fast Company, Inc.

Get marketing tips straight to your inbox

Thank you!
Your submission has been received!
Oops! Something went wrong while submitting the form.
We’ll email you 1-3 times per week—and never share your info.