Return to previous page

Changing the Color of the Footer MailChimp Subscibe Button

This topic has 6 replies, 3 voices, and was last updated 1 months, 2 weeks ago ago by Tony Rodriguez

  • Avatar: Ralf E
    Ralf E
    Participant
    April 10, 2025 at 19:07

    Hi there. I am using the Sneaker Demo. In the Footer of that Demo there is a Newsletter SingUp with a “Subscribe” Button. It is by default a “light green” with a black “Subscribe” text. I’ve read https://www.8theme.com/documentation/xstore/plugins/mail-chimp-form-custom-styles/ but cant figure it out.
    I do want a different color of the Button, black text can stay. What i tried:
    1. XStore -> Theme Options -> Additional CSS:

    .newsletter-form input[type="submit"] {
    background-color: #00ffff;
    color: black;
}

    2. Tried to edit the Shortcode in the Footer-Builder itself to:
    <div class="newsletter-form">[mc4wp_form id="556"]</div>

    3. Tried to wrap the CSS directly in MailChimp:

    <div class="newsletter-form">

    <input type="email" name="EMAIL" placeholder="Your email id..." required />
    <input type="submit" value="Subscribe" />
</div>

    Which shows me in MailChimp the correct Button Style, but it still doesn’t change on the site.
    How can i change the Button Style of that Newsletter/MailChimp Button in the Footer? Where is that default Sneakers Demo “light green” color defined? Can i change it there?
    Thanks for your help.

    #440391 Copied
    5 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    April 11, 2025 at 07:05

    Hi @Ralf E,

    Please try with this custom CSS code instead:

    
body form.mc4wp-form .mc4wp-form-fields input[type="submit"] {
    background-color: #00ffff !important;
    color: black !important;
    border-color: #00ffff !important;
}

    If it doesn’t work, could you please provide temporary wp-admin access? We need to check your settings.

    To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

    Best Regards,
    8Theme’s Team

    #440411 Copied
    Avatar: Ralf E
    Ralf E
    Participant
    April 11, 2025 at 08:03

    Thanks for your answer. Unfortunately it doesn’t work. Added that code to Additional CSS. It successfully changes the border of the Button to the new color, but not the Button Color itself. That Button Color must be hardcoded somewhere.
    My site is still in development, thats why its only internal and not reachable from the outside.
    Maybe i could use Linux “grep” to find that color in the filesystem and replace it directly in the file. Do you know its color code or what file i should look at?
    What settings you would check? I could send you screenshots.
    Thanks for your help.

    Attached:
    1. button.jpg – shows the “Subscribe” button with new border, but old color.
    2. mailchimp.jpg – shows Mailchimp where the button already is like it should look…

    Files is visible for topic creator and
    support staff only.
    #440422 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    April 11, 2025 at 08:09

    Dear @Ralf E,

    Could you kindly wrap the newsletter form with a div element using the ID “newsletter_form” as shown below?

    
<div id="newsletter_form">
[mc4wp_form id="556"]
</div>

    Once this is done, you may apply the following custom CSS to style the form’s submit button:

    
body #newsletter_form form.mc4wp-form .mc4wp-form-fields input[type="submit"] {
    background-color: #00ffff !important;
    color: black !important;
    border-color: #00ffff !important;
}

    Please let us know once it has been implemented or if you encounter any issues.

    Best regards,
    The 8Theme Team

    #440424 Copied
    Avatar: Ralf E
    Ralf E
    Participant
    April 11, 2025 at 08:24

    Thank you! This did the trick 😉 Button looks like it should now. Topic solved…

    Files is visible for topic creator and
    support staff only.
    #440429 Copied
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    April 11, 2025 at 08:24

    Dear Ralf E,

    In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

    Click here to share your thoughts: https://themeforest.net/downloads

    Being part of our community means a lot, and your feedback contributes immensely.

    Best Regards,
    The 8Theme Team

    #440430 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Changing the Color of the Footer MailChimp Subscibe Button’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Watches Store – WooCommerce Theme
lazy-placeholder
Bakery Store – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme
lazy-placeholder
Sunglasses – WordPress WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Plants Store – WordPress WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Language Courses – 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.