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]

.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: 

[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]

You can change all the label colors: 

.mktoForm label, .mktoForm p {

1. color: #fff !important;

}

[Anonymous]

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

[Anonymous]

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

[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]

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

[Anonymous]

You can change the input color: 

.mktoForm input, .mktoForm select, .mktoForm {

color: #FF4545 !important;

}



Not so sure about the checkmark color. 

[Anonymous]

Hey Jeff,

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