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 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. Reach her on Twitter @dsullyk. Read more articles by Dana Kilroy.