Change the Border Color for Promotion and Custom Form Fields

Change the Color of Field Labels in Custom Forms and Promotions

Change the Border Color for Promotion and Custom Form Fields

Want to spice up your form fields a bit?  Try changing the border color!  It’s easy, just drop the following CSS into your CSS Editor and choose the color you’d like to use:
/*Form/Promotion Form Input Field*/
input, select, textarea{ 
border-color:#ff00ff; /*Determines color of border*/
border-width: 1px; /*Sets border thickness*/
border-style: solid; /*Styles the border*/
}

Check out this Hex Value guide from w3schools.com: https://www.w3schools.com/cssref/css_colors.asp to find the Hex Value associated with the color you want to use. Also, if you’re interested in experimenting with border styles, check out this helpful guide: http://www.w3schools.com/cssref/pr_border-style.asp

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.