Title: Resize input field
Last modified: December 23, 2017

---

# Resize input field

 *  Resolved [artwotie](https://wordpress.org/support/users/artwotie/)
 * (@artwotie)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/resize-input-field/)
 * Hello, I try to change the height of the inputfields.
    I use the following to
   resize the part with the icon in it, that works:
 * .fca_eoi_layout_name_field_wrapper {
    height: 30px!important; }
 * The following to resize the inner part, but it stays the same height, I can however
   increase the height, but not decrease it:
 * .fca_eoi_layout_email_field_inner {
    height: 30px!important; }
 * Same for the button, can increase it, but not decrease it.
    Can someone help 
   me out?

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

 *  Plugin Author [fatcatapps](https://wordpress.org/support/users/fatcatapps/)
 * (@fatcatapps)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/resize-input-field/#post-9811657)
 * Hello there,
 * Can you provide us the URL to the webpage where your optin form in question is
   deployed so that we can inspect it and provide general on what to do?
 * Thanks.
 *  Thread Starter [artwotie](https://wordpress.org/support/users/artwotie/)
 * (@artwotie)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/resize-input-field/#post-9812916)
 * Created a test page:
 * [https://www.kravmagavlaardingen.nl/nieuwsbrief-test/](https://www.kravmagavlaardingen.nl/nieuwsbrief-test/)
 * resized the wrapper and inner, this is the result, the inner wont resize
 *  Plugin Author [fatcatapps](https://wordpress.org/support/users/fatcatapps/)
 * (@fatcatapps)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/resize-input-field/#post-9814011)
 * Hello there,
 * Please use this CSS code to adjust the height of inner elements of the form.
 * #fca_eoi_form_1103 form input[type=”text”], #fca_eoi_form_1103 form input[type
   =”email”]{
    min-height:20px; }
 * Please note that this code will work for the particular form you linked only 
   and if you wan to make it work with other forms, you would need to change the
   form id in the CSS selectors.
 * Thanks.
 *  Thread Starter [artwotie](https://wordpress.org/support/users/artwotie/)
 * (@artwotie)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/resize-input-field/#post-9814503)
 * Thanks for your reply, but i have no luck with the css you gave me, nothing happens.
 *  Plugin Author [fatcatapps](https://wordpress.org/support/users/fatcatapps/)
 * (@fatcatapps)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/resize-input-field/#post-9816656)
 * Hello there,
 * I think I have found out why the CSS is not working on your end.
 * Looks like the WordPress Forum Replaces double quotes to its own format in the
   code I have given. So please use this code and replace the double quotes in the[
   type=”text”] and [type=”email”].
 * I have wrapped it in the code structure here below so hopefully it will work 
   now. Pleasde use this cod instead:
 *     ```
       #fca_eoi_form_1103 form input[type="text"], #fca_eoi_form_1103 form input[type="email"]{
       min-height:20px;
       }
       ```
   
 * Thanks.
    -  This reply was modified 8 years, 5 months ago by [fatcatapps](https://wordpress.org/support/users/fatcatapps/).
    -  This reply was modified 8 years, 5 months ago by [fatcatapps](https://wordpress.org/support/users/fatcatapps/).
 *  Thread Starter [artwotie](https://wordpress.org/support/users/artwotie/)
 * (@artwotie)
 * [8 years, 5 months ago](https://wordpress.org/support/topic/resize-input-field/#post-9816945)
 * Thanks a lot, that did the trick, thumbs up!
 *  [j4p3](https://wordpress.org/support/users/j4p3/)
 * (@j4p3)
 * [7 years, 12 months ago](https://wordpress.org/support/topic/resize-input-field/#post-10403432)
 * Hello,
    I have installed the pugin optin cat and it’s working well 😉 The only
   thing is that I’d like to resize it in order to be aligned with the rest of the
   side bar. Please check here: [https://biblioteca.med.up.pt/wordpress/](https://biblioteca.med.up.pt/wordpress/)
   I know I’ll have to add/change some CSS code, but where? Thank you for any help!;
   D

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

The topic ‘Resize input field’ is closed to new replies.

 * ![](https://ps.w.org/mailchimp-wp/assets/icon.svg?rev=2456715)
 * [Forms for Mailchimp by Optin Cat - Grow Your MailChimp List](https://wordpress.org/plugins/mailchimp-wp/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mailchimp-wp/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mailchimp-wp/)
 * [Active Topics](https://wordpress.org/support/plugin/mailchimp-wp/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mailchimp-wp/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mailchimp-wp/reviews/)

## Tags

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

 * 7 replies
 * 3 participants
 * Last reply from: [j4p3](https://wordpress.org/support/users/j4p3/)
 * Last activity: [7 years, 12 months ago](https://wordpress.org/support/topic/resize-input-field/#post-10403432)
 * Status: resolved