Custom CSS doesn't show changes

[Vay]

Hey there,
I have a mailchimp sign up form which I want to change its appearance. I added some Custom CSS but it didn’t show any changes. I think the selectors are correct chosen so I don’t know where the problem could lay.

#mc_embed_signup .button{
  font-size: 15px;
  background-color: #333333;
}

#mc_embed_signup input.email{
  background-color: rgba(255,255,255,0.9);
  border: 3px solid #333333;
  
}

[thai]

Hi There,

The correct selector should be: #mc_embed_signup_scroll .

Please change your custom CSS to this:

#mc_embed_signup_scroll .button{
    font-size: 15px;
    background-color: #333333;
}

#mc_embed_signup_scroll input.email{
    background-color: rgba(255,255,255,0.9);
    border: 3px solid #333333;
}

Hope it helps

[Vay]

Still no changes

[thai]

Hi There,

Please update the previous CSS to this:

#mc_embed_signup #mc_embed_signup_scroll .button{
    font-size: 15px;
    background-color: #333333;
}

#mc_embed_signup #mc_embed_signup_scroll input.email{
    background-color: rgba(255,255,255,0.9);
    border: 3px solid #333333;
}

Let us know how it goes!

[Vay]

Thanks it worked

another short question:

I don’t know if you can see it but in the signup box is stands “E-Mail Adresse” but you almost can’t see it because of the colour. I would like to change its colour but don’t know which property I’ve to use because the property color is already taken.

[nabeel]

Hi again,

Try adding the following code as well in the Theme Options > CSS:

#mc_embed_signup input.email::-webkit-input-placeholder {
    color: #000 !important;
}
#mc_embed_signup input.email::-moz-placeholder {
    color: #000 !important;
}
#mc_embed_signup input.email:-ms-input-placeholder {
    color: #000 !important;
}

To learn more about changing the placeholder color please see https://css-tricks.com/almanac/selectors/p/placeholder/

Cheers!

[Vay]

Thanks a lot
the link was very helpful since I’m a beginner in css

[Prasant]

You are most welcome.