Title: Field Customization | Styling Form Fields
Last modified: March 15, 2017

---

# Field Customization | Styling Form Fields

 *  Resolved [dalai2017](https://wordpress.org/support/users/dalai2017/)
 * (@dalai2017)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/field-customization-styling-form-fields/)
 * Hello.
 * I’ve read several of the documents for WPForm styling, but I’m not quite sure
   about the CSS commands needed for customizing the look of each field. This is
   our current form with the plugin: [http://dalaigroup.com/contact-us/](http://dalaigroup.com/contact-us/)
 * Mainly, I would like to remove the border or box around each of the form fields.
   I would like to replace this feature with a single line, which underlines each
   of the fields.
 * What are the ideal codes to make these style changes?
 * Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Thread Starter [dalai2017](https://wordpress.org/support/users/dalai2017/)
 * (@dalai2017)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/field-customization-styling-form-fields/#post-8918565)
 * Hello again.
 * I’ve figured out the basics to remove the form field border and create the single
   line under our form fields, here: [http://dalaigroup.com/contact-us/](http://dalaigroup.com/contact-us/)
 * These were the necessary commands:
 * #wpforms-15468 .wpforms-form input, .wpforms-form textarea{
    border: none !important;
   border-bottom: 1px solid #cbcbcb !important; }
 * I have more specific customization requests now that these changes have been 
   made. The “Message” field is a larger container field, as it was made for paragraph
   text. I’m trying to hide it, so that the line space under the text is equal to
   all of the other lines. It seems like the inside of the box is visible. In the
   bottom-left corner of the box, a noticeable mark is placed. How can it be removed?
 * I’ve examined the style code for a similar contact form, here: [https://www.konradgroup.com/contact](https://www.konradgroup.com/contact)
 * There are 2 style commands that stood out:
    box-sizing: inherit !important; overflow:
   hidden !important;
 * Neither of them were responsive and I’m not sure I’m on the right track for solving
   the issue with the extra space, here. Any help with form field code is appreciated!
 * Thank you
 *  [Jared Atchison](https://wordpress.org/support/users/jaredatch/)
 * (@jaredatch)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/field-customization-styling-form-fields/#post-8922323)
 * Sure thing! You were on the right track 🙂
 *     ```
       #wpforms-15468 .wpforms-form textarea{
       	height: 38px !important;
       	resize: none !important;
       }
       ```
   
 * The height property will force the element to be the same height as the single
   line text fields. The resize element should disable that thing in the corner 
   you saw that allows the user to dynamically resize the text area.
 * Hope that helps!
 *  Thread Starter [dalai2017](https://wordpress.org/support/users/dalai2017/)
 * (@dalai2017)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/field-customization-styling-form-fields/#post-8922961)
 * That works perfectly. Thanks, Jared!
 *  [Jared Atchison](https://wordpress.org/support/users/jaredatch/)
 * (@jaredatch)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/field-customization-styling-form-fields/#post-8923163)
 * Excellent, happy to hear its working. Cheers!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Field Customization | Styling Form Fields’ is closed to new replies.

 * ![](https://ps.w.org/wpforms-lite/assets/icon.svg?rev=3254748)
 * [WPForms - AI Form Builder for WordPress - Contact Forms, Payment Forms, Survey Form, Quiz & More](https://wordpress.org/plugins/wpforms-lite/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wpforms-lite/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wpforms-lite/)
 * [Active Topics](https://wordpress.org/support/plugin/wpforms-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpforms-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpforms-lite/reviews/)

## Tags

 * [form fields](https://wordpress.org/support/topic-tag/form-fields/)
 * [styling](https://wordpress.org/support/topic-tag/styling/)

 * 4 replies
 * 2 participants
 * Last reply from: [Jared Atchison](https://wordpress.org/support/users/jaredatch/)
 * Last activity: [9 years, 5 months ago](https://wordpress.org/support/topic/field-customization-styling-form-fields/#post-8923163)
 * Status: resolved