Customize the Appearance of the “Thank you for your submission” Text

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

Customize the Appearance of the “Thank you for your submission” Text

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:
Tags:
Dana Kilroy
dana@shortstacklab.com

Dana Sullivan Kilroy is ShortStack's Director of Communications and Social Media Marketing. Before joining the ShortStack team she was a writer whose work appeared in publications and sites including The New York Times, The Los Angeles Times, The Wall Street Journal, Fast Company, Inc. and many other lifestyle publications. Reach her on Twitter @dsullyk. Read more articles by Dana Kilroy.



You’re going to love ShortStack

0 Shares
Share
Tweet
Share