Customize the Form Input Field Text and Dropdowns

Give your Promotions and Custom Forms a face-lift with this CSS! Customize input fields and dropdowns for a fresh look. Click here for resources.
Dana Kilroy
April 15, 2015

This content provides CSS code to customize the appearance of form input fields and dropdowns, along with additional resources for customization.

Could your Promotions and Custom Forms use a bit of a face-lift?

Use the following CSS to give the field input text and dropdowns a bit more oomph:

/*Customize Form Input Field Text and Dropdowns*/select, .horizontal_container .field_block input, .horizontal_container .field_block textarea{ color:#f00f00; font-size:16px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }

As always, here are a few resources to help you customize the CSS and make it your own:

Web-safe font guide: http://www.w3schools.com/cssref/css_websafe_fonts.asp

Both of the above guides are provided by w3schools.com.