Changing checkbox values color in forms 2.0

[Anonymous]

Hi All,

I am trying to change the check box value color (not the technical label), I do not know what the appropriate css is to do this. Currently it is grey. Please see below.



Does anyone else know.

Cheers,
Bec

[Anonymous]

For those curious on changing the color of the select field text, "Select Industry..." in this example,  I was able to change the color using this custom CSS:
 

.mktoForm select.mktoField {color: #999999 !important;} 

 
The only slight issue, is that it changes the color for all the values... the "Select Industry..." default text as well as all the values you can select from the list.

If anyone knows of a way to change only the color of "Select Industry..."  and not the values in the list, I would love to know how!  I'd like to change the default 'select' text to grey, but leave all the values as black.
 

[Anonymous]

Perfect! Thanks so much Bec. 

[Anonymous]

Hey Lauren,

Here is the css I used to change the grey text I circled above to white: 

.mktoForm {

color: #ffffff !important;

}

Let me know if that helps?

Cheers,
Bec

[Anonymous]

Hi, I am trying to do a similar thing here.....I have changed the label colour but for some reason the radio button text is still appearing in black? I tried the html code above and it doesn't seem to be making a difference. 

[Anonymous]

Oh my don't worry, I was missing a '}'.

Thank you soooo much for your help! I owe you a drink if you are coming to the Conference!

Bec

[Anonymous]

Hey Jeff,

It's still not changing the text circled below... Any ideas?

[Anonymous]

You can change the input color: 

.mktoForm input, .mktoForm select, .mktoForm {

color: #FF4545 !important;

}



Not so sure about the checkmark color. 

[Anonymous]

Oh, you want to change the input text color? So the checkmark is not black? Is this correct? 

[Anonymous]

Hey Jeff,

The page isn't live yet, I just want to double check we are looking at the same thing.

Below is the edit screen, I have removed the label entirely to just have the value show. 



I think the other code changes the label only, not the value color.

I am not sure, it doesn't seem to be making a difference.

Cheers,
Bec

[Anonymous]

Really? This worked for me. Can you send me the link to the landing page you are working on?  -Jeff

[Anonymous]

Hey Jeffrey, it doesn't seem to change the value color?

[Anonymous]

You can change all the label colors: 

.mktoForm label, .mktoForm p {

1. color: #fff !important;

}

[Anonymous]

Hey Jeffrey,

Thanks, do you know how I could change the font color from grey to white in the example above?

Cheers,Bec

[Anonymous]

.mktoForm input[type=checkbox] + label:before, .mktoForm input[type=radio] + label:before {

background-color: #E23B3B !important;

}


Using above I changed the checkbox bg color to red: