Add a Little Pizazz to Your Form’s Submit Button

Updating the Appearance of the Submit Button in your Form/Promo

Add a Little Pizazz to Your Form’s Submit Button

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.

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