fix

Add a Little Pizazz to Your Form's Submit Button

Learn how to customize the submit button on ShortStack using CSS to make it stand out on your app.

By Dana Kilroy ・1 min read
ShortStack Tips & Tricks

Looking to add a little pizazz to the submit button for your Promotion or Custom Form on ShortStack?

Pop the CSS below into your CSS Editor in ShortStack to customize your submit button, and make it stand out on your app..ss_box .form_submit{border: solid 1px #000000; /* border color, size, and line style */background:#dd0000; /* background color of the Submit button */

font-family: arial, sans-serif; /* font-family determines the web-safe font used */color:#ffffff; /* color of the text in the Submit button */font-size: 14px; /* size of the text in the Submit button*/}.ss_box .form_submit:hover{background:#000000; /* background color of the Submit button when you hover over it */}

Don't like the colors or fonts provided in the example CSS? No problem! You can easily change that. Choose a web safe font from this guide: http://www.w3schools.com/cssref/css_websafe_fonts.asp.

Both of these resources come from w3schools.com.

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 productivity 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.