Customizing Mail Chimp code for website


(Lisa Sandler) #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

(scott williams) #2

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


(Doug Bennett) #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;
}

(Lisa Sandler) #4

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


(Lisa Sandler) #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


(Doug Bennett) #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.


(Lisa Sandler) #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;
}


(Doug Bennett) #8

Sorry got it backwards:

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

(Lisa Sandler) #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.