Return to previous page

Customize mailchimp form style - by wladymirserrano

This topic has 4 replies, 2 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler

wladymirserrano

Participant

March 7, 2018 at 14:03

I have configured the newsletter form with the code below:

<div class=”et-mailchimp”>
<p>
<input type=”email” name=”EMAIL” placeholder=”Your email address” required />
</p>
<p>
<input type=”submit” value=”Sign up” />
</p>
</div>

The problem is that the background is white and the form does not appear. (https://prnt.sc/io2609)
I would like to know how to change the color of the form.
I researched here in the forum, found some customizations and applied in “Global Custom CSS” but did not work.

Please, contact administrator
for this information.

#187506 Copied Theme version: 4.21.1 WooCommerce version: 3.3.3

3 Answers
Rose Tyler

Support staff

March 7, 2018 at 15:18
Hello,

You can use this custom css code:
```
.prefooter .mc4wp-form .et-mailchimp input[type="email"] {
    background-color: black;
    border: 1px solid black;
}
```
Regards
#187512 Copied
wladymirserrano

Participant

March 7, 2018 at 16:41

Perfect… Tnks 🙂

#187533 Copied

Rose Tyler

Support staff

March 7, 2018 at 16:51

You’re welcome!
Have a nice day.

Regards

#187537 Copied
Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Rental Car – WordPress WooCommerce Theme

lazy-placeholder

Jewelry Store – WordPress WooCommerce Theme

lazy-placeholder

Minimal Electronics – WordPress WooCommerce Theme

lazy-placeholder

Hipster Store – WordPress WooCommerce Theme

lazy-placeholder

Poster – WooCommerce Theme

lazy-placeholder

Niche Market 03 – Multivendor WP WooCommerce Theme

lazy-placeholder

Minimal Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Plants Store– WordPress WooCommerce Theme

lazy-placeholder

Designers – WordPress WooCommerce Theme

lazy-placeholder

Organic Store 02 – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.