Change Form Button - Embedded Mailchimp

Support
#1

Hey, I didn’t use the X Theme Email Forms short code.
I just pasted in the MailChimp embedded code.
Is there any way to change the button colors and center it?
Or no?

#2

Hello Jesse,

Thanks for writing in!

Please add following CSS under Pro > Theme Options > CSS:

#mc_embed_signup .button {
    background-color: #c03835 !important;
    margin: 0 auto !important;
    display: block !important;
    color: #ededed !important;
}

#mc_embed_signup .button:hover {
    background-color: #af4b4b !important;
    color: #463d3d !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

Thank you!!

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.