I want to increase newsletter email field height..using mailchimp for wordpress

[zardaclothing]

Hi,

I want to increase the email field of newsletter mailchimp in my footer..

Currently im using below css code (using mailchimp shortcode in my widget, instead of whole code as given in atelier example):

.mc4wp-form label,
.mc4wp-form input[type=”text”],
.mc4wp-form input[type=”email”] {
display: inline-block !important;
width: 70%;
}

How can i enhance to increase the email field of mailchimp?
Please see the screenshot first (original) and screenshot second (which i want to achieve)..

Ori field -> https://www.dropbox.com/s/blghskbpw7eyukw/newsletter-field-ori.png?dl=0
Trying to achive field -> https://www.dropbox.com/s/v2uxxpxz0n1pxfi/newsletter-field-trying-to-achive.png?dl=0

Your help is much appreciated!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code also:-

.mc4wp-form label,
.mc4wp-form input[type="text"],
.mc4wp-form input[type="email"] {
display: inline-block !important;
height: 50px !important;
}

Thanks
Mohammad

[zardaclothing]

Hi

I applied the css for the newsfeed but unfortunately the email field not sync with the submit button.

Please check my screenshot
https://www.dropbox.com/s/pv8hkznyvzt0oah/newsletter-not-sync.png?dl=0

[zardaclothing]

Hi Any feedback? 🙂

[Mohammad – SUPPORT]

Hi,
Please remove my last code and use this new code:-

#sf-newsletter-bar .sub-code > form input[type="submit"], #sf-newsletter-bar .sub-code > form input[type="text"], #sf-newsletter-bar .sub-code > form input[type="email"] {
    height: 60px !important;
}

Thanks
Mohammad

[zardaclothing]

Hi does not change anything in footer newsfeed

[Mohammad – SUPPORT]

Hi,
I have managed resolve the issue with same code.
Thanks
Mohammad