Title: making all fields one line
Last modified: October 16, 2019

---

# making all fields one line

 *  Resolved [jweitz](https://wordpress.org/support/users/jweitz/)
 * (@jweitz)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/making-all-fields-one-line/)
 * I need to have all the fields on one line
    First Name: John and not First Name:
   John
 * Is this possible?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmaking-all-fields-one-line%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Predrag – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support1/)
 * (@wpmudev-support1)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/making-all-fields-one-line/#post-12038907)
 * Hi [@jweitz](https://wordpress.org/support/users/jweitz/),
 * This is not possible out of the box and would require some CSS coding to get 
   it look that way.
    You won’t be able to do it with the Material look that you
   have selected now, due to the animations, so it would be best to use Flat design.
 * Edit your form and in Appearance tab first switch to Flat, then scroll down, 
   enable Custom CSS field and add this CSS code:
 *     ```
       .forminator-field > label {
       	float: left;
           width: 17%;
           padding-top: 12px;
       }
   
       .forminator-field > input {
       	display: inline-block;
           width: 83%;
           background: none;
           border-bottom: 1px solid #000!important;
       }
       ```
   
 * That should help getting started with setting up such layout.
 * Cheers,
    Predrag
 *  Plugin Support [Imran – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support9/)
 * (@wpmudev-support9)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/making-all-fields-one-line/#post-12094059)
 * Hello [@jweitz](https://wordpress.org/support/users/jweitz/),
 * I hope you’re doing well!
 * We’ve not heard from you in a while. I’ve marked this ticket as resolved for 
   now, but if you need anything else at all, we’re here for you, please just reopen
   the ticket or create a new one.
 * Have a good day!
 * Cheers,
    Nastia

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

The topic ‘making all fields one line’ is closed to new replies.

 * ![](https://ps.w.org/forminator/assets/icon-256x256.gif?rev=3443182)
 * [Forminator Forms – Contact Form, Payment Form & Custom Form Builder](https://wordpress.org/plugins/forminator/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/forminator/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/forminator/)
 * [Active Topics](https://wordpress.org/support/plugin/forminator/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/forminator/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/forminator/reviews/)

## Tags

 * [forms](https://wordpress.org/support/topic-tag/forms/)

 * 2 replies
 * 3 participants
 * Last reply from: [Imran – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support9/)
 * Last activity: [6 years, 9 months ago](https://wordpress.org/support/topic/making-all-fields-one-line/#post-12094059)
 * Status: resolved