Different CSS for form

[demonboy]

Hi,

At the bottom of my website I have a mailchimp form which uses a white font. However this is replicated in the sidebar of my blog posts (see here). What is the unique CSS code for this sidebar form? I’d like to make the font black in the sidebar and keep the font white in the footer.

Thank you.

[friech]

Hi @demonboy,

Thank you for writing in, add the class .x-sidebar to your selector, so you can target specifically the form on the sidebar. And since it has the additional .x-sidebar in the selector, it should take the priority over the default one.

Hope it helps,
Cheers!

[demonboy]

Of course. It’s been a while! Thanks, @friech

[demonboy]

Hi @friech,

I made the change to the code thus

.x-sidebar .mc-field-group {color:#000;}

I htought I had it working but it has reverted back to white text. See here.

What am I doing wrong?

[friech]

Hi @demonboy,

Please update your code to this:

.x-sidebar .mc-field-group label {
    color: #000 !important;
}

And please review how CSS Specificity works.

Cheers,