Return to previous page

Customize mailchimp form style - by wladymirserrano

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

  • Avatar: wladymirserrano
    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
    Avatar: Rose Tyler
    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
    Avatar: wladymirserrano
    wladymirserrano
    Participant
    March 7, 2018 at 16:41

    Perfect… Tnks 🙂

    #187533 Copied
    Avatar: Rose Tyler
    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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Kids Store – WooCommerce Theme
lazy-placeholder
Kidsstore – WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Watches Store – 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.