Customizing Mail Chimp code for website

Classic General
1

To all the coder experts…

I need some help changing the color of the labels and button and button shape (4px rounded corners):
div.mc-field-group label
input.button

I’ve pasted the code below, but do not know how to get it to show up as text.

thanks, Lisa

-

Subscribe to our mailing list for specials and information.
Email Address*
First Name
Last Name
2

to make it show up highlight the code and click the </> button in the post toolbar

1 Like
3

If is the form at the bottom of each page of your site try:

form label {
  color: white;
}

input#mc-embedded-subscribe {
    border-radius: 4px;
}
4

thanks, Scott :slight_smile: :slight_smile: :slight_smile:

5

Doug-
As usual, you have great answers :slight_smile:
Almost there… also need to change the button color to white and text in the button to black.
I would think it’s
color: #ffffff; font-color #000000;
but it did not work adding it to the code. I must have the wrong identifier?

thanks, Lisa

6

Try This:

input#mc-embedded-subscribe:hover {
    background-color: : #666;
}
input#mc-embedded-subscribe {
    background-color: #000;

}

Your font is already white, The hover above is a grey.

1 Like
7

Sorry Doug…
Am modifying but not published yet… Looking for button to be white, text black, and hover button grey (CCCCCC) and hover text can stay black.

form label {

color: white;
}

input#mc-embedded-subscribe {
border-radius: 4px;
}

input#mc-embedded-subscribe:hover {
background-color: : #CCCCCC;
}
input#mc-embedded-subscribe {
background-color: #ffffff;
}

8

Sorry got it backwards:

input#mc-embedded-subscribe {
    background-color: #fff;
    color: #000;
}
input#mc-embedded-subscribe:hover {
    background: #ccc;
    color: #000;
}
1 Like
9

Yes, thank you! You got it. You should go work for one of the developers :slight_smile: They’d be lucky to have you. Unless you love your job, lol.

1 Like