Title: CSS to Control Input Box Size
Last modified: August 24, 2016

---

# CSS to Control Input Box Size

 *  Resolved [onepace](https://wordpress.org/support/users/onepace/)
 * (@onepace)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-to-control-input-box-size/)
 * Ultimately I am trying to use Form 2, but it’s too wide.
 * I’d like to shorten the width, but still be responsive.
 * The input box (type your email here) is HUGE.
 * What CSS controls that?
 * [https://wordpress.org/plugins/optin-forms/](https://wordpress.org/plugins/optin-forms/)

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

 *  [Boris Beo](https://wordpress.org/support/users/brs/)
 * (@brs)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-to-control-input-box-size/#post-5995308)
 * Hi onepace,
 * it’s really hard if not impossible for me to suggest CSS changes without seeing
   the design myself. Could you please share the URL where the form is published,
   so I can take a look?
 *  Thread Starter [onepace](https://wordpress.org/support/users/onepace/)
 * (@onepace)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-to-control-input-box-size/#post-5995351)
 * Sorry about that.
 * URL: [http://wesleybanksauthor.com](http://wesleybanksauthor.com)
 * Thanks so much for helping me with this.
 *  [Boris Beo](https://wordpress.org/support/users/brs/)
 * (@brs)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-to-control-input-box-size/#post-5995354)
 * Hi onepace,
 * try adding the following code to your Custom CSS field, under Form Options:
 *     ```
       #optinforms-form2-title-container{width:48%;}
       #optinforms-form2-email-field-container{width:30%}
       ```
   
 * This will make your title container a little wider, and your email field container
   a little narrower.
 * Let me know if that’s what you were after 😉
 *  Thread Starter [onepace](https://wordpress.org/support/users/onepace/)
 * (@onepace)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-to-control-input-box-size/#post-5995371)
 * Boris that worked well, thanks.
 * Back to my original question, is there a way to make the entire form less wide,
   but still be responsive?
 *  [Boris Beo](https://wordpress.org/support/users/brs/)
 * (@brs)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/css-to-control-input-box-size/#post-5995438)
 * Hey oncepace,
 * add the following code to Custom CSS field as well:
 * `#optinforms-form2-container{width:80%}`
 * Play with the width percentage to get it exactly as you would like it.

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

The topic ‘CSS to Control Input Box Size’ is closed to new replies.

 * ![](https://ps.w.org/optin-forms/assets/icon-256x256.png?rev=998391)
 * [Optin Forms - Simple List Building Plugin for WordPress](https://wordpress.org/plugins/optin-forms/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/optin-forms/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/optin-forms/)
 * [Active Topics](https://wordpress.org/support/plugin/optin-forms/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/optin-forms/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/optin-forms/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Boris Beo](https://wordpress.org/support/users/brs/)
 * Last activity: [11 years, 2 months ago](https://wordpress.org/support/topic/css-to-control-input-box-size/#post-5995438)
 * Status: resolved