Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 21, 2016 at 8:28 pm #651695
    limyj0923

    Hi,

    I am trying to change the color of my mailchimp form button. After adding this to the quick css:

    #mc_embed_signup input.button: {
    color: #ffffff ;
    background: #2e8986;
    }

    #mc_embed_signup input.button:hover {
    color: #ffffff ;
    background-color: #f1529c ;
    }

    The hover colors are working. But the original button color still remains as the default grey. Am i missing something?

    Thank you.

    June 21, 2016 at 9:18 pm #651726
    Andy

    Hey limyj0923,

    I checked the link you’ve provided, but can’t find any mailchimp form or button. Make sure to provide us a precise link showing the elements in question.

    Best regards,
    Andy

    June 22, 2016 at 2:20 am #651821
    limyj0923

    Hi Andy,

    The form appears when you scroll down. I have also attached the link to the screenshots for that here. So what I mean is that the button remains the default color with that code, but it changes fine to the hover color.

    Thank you.

    • This reply was modified 8 years, 6 months ago by limyj0923. Reason: added links
    June 22, 2016 at 6:21 am #651907
    Jordan

    Hi,

    There is a small error in your CSS code without the hover effect. You placed a ‘:’ after the word button, please correct the first half of the code to the following:

    #mc_embed_signup input.button {
    color: #ffffff;
    background: #2e8986;
}

    Best regards,
    Jordan

    June 22, 2016 at 3:41 pm #652171
    limyj0923

    Hey, thanks for pointing that out, it’s fine now :)

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘mailchimp form button color’ is closed to new replies.