Title: Customize Input Fields
Last modified: August 21, 2016

---

# Customize Input Fields

 *  Resolved [sgtech](https://wordpress.org/support/users/sgtech/)
 * (@sgtech)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/customize-input-fields/)
 * Hi there,
 * Can you tell me how to customize the length of the input fields and put them 
   on the same line? Right now I am just asking for First Name and Email address
   and I would like the side by side.
 * Thanks!
 * Scott.
 * [http://wordpress.org/plugins/mailchimp-for-wp/](http://wordpress.org/plugins/mailchimp-for-wp/)

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

 *  Plugin Author [Danny van Kooten](https://wordpress.org/support/users/dvankooten/)
 * (@dvankooten)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/customize-input-fields/#post-4420602)
 * Hi Scott,
 * There is no sure-fire way to do this due to how every theme handles their form
   element styling differently but something like this should do the trick..
 * **Form mark-up**
 *     ```
       <p>
       <input type="text" name="FNAME" class="width-50 first" />
       <input type="email" name="EMAIL" class="width-50" />
       </p>
       <p>
       <input type="submit" value="Subscribe" />
       </p>
       ```
   
 * **CSS**
 *     ```
       input.width-50{
       	box-sizing:border-box;
       	width:50%;
       	margin-right:0;
       	margin-left:0;
       	display:inline-block;
       }
   
       input.width-50.first{
       	width:48%;
       	margin-right:2%;
       }
       ```
   
 * Hope that pushes you off in the right direction! Will write a more detailed tutorial
   on it anytime soon.
 *  Thread Starter [sgtech](https://wordpress.org/support/users/sgtech/)
 * (@sgtech)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/customize-input-fields/#post-4420653)
 * Thanks for the speedy reply Danny. Which CSS file do I edit to make those changes?
 * Scott.
 *  Plugin Author [Danny van Kooten](https://wordpress.org/support/users/dvankooten/)
 * (@dvankooten)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/customize-input-fields/#post-4420654)
 * Hi Scott,
 * The best thing would be to add this to your theme its `style.css` file (with 
   the Theme Editor under Appearance > Editor for example). This way, updating the
   plugin won’t overwrite your changes.

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

The topic ‘Customize Input Fields’ is closed to new replies.

 * ![](https://ps.w.org/mailchimp-for-wp/assets/icon-256x256.png?rev=1224577)
 * [MC4WP: Mailchimp for WordPress](https://wordpress.org/plugins/mailchimp-for-wp/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mailchimp-for-wp/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mailchimp-for-wp/)
 * [Active Topics](https://wordpress.org/support/plugin/mailchimp-for-wp/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mailchimp-for-wp/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mailchimp-for-wp/reviews/)

## Tags

 * [field](https://wordpress.org/support/topic-tag/field/)
 * [input](https://wordpress.org/support/topic-tag/input/)
 * [length](https://wordpress.org/support/topic-tag/length/)

 * 3 replies
 * 2 participants
 * Last reply from: [Danny van Kooten](https://wordpress.org/support/users/dvankooten/)
 * Last activity: [12 years, 5 months ago](https://wordpress.org/support/topic/customize-input-fields/#post-4420654)
 * Status: resolved