Changing checkbox values color in forms 2.0

Anonymous
Not applicable

Changing checkbox values color in forms 2.0

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.

0EM50000000RUgq.jpg

Does anyone else know.

Cheers,
Bec
Tags (1)
14 REPLIES 14
Anonymous
Not applicable

Re: Changing checkbox values color in forms 2.0

.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: 
0EM50000000RUlu.jpg
Anonymous
Not applicable

Re: Changing checkbox values color in forms 2.0

Hey Jeffrey,

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

Cheers,Bec
Anonymous
Not applicable

Re: Changing checkbox values color in forms 2.0

You can change all the label colors: 

.mktoForm label, .mktoForm p {
  1. color#fff !important;
}
Anonymous
Not applicable

Re: Changing checkbox values color in forms 2.0

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

Re: Changing checkbox values color in forms 2.0

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

Re: Changing checkbox values color in forms 2.0

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. 

0EM50000000RUnC.jpg

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
Not applicable

Re: Changing checkbox values color in forms 2.0

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

Re: Changing checkbox values color in forms 2.0

You can change the input color: 

.mktoForm input, .mktoForm select, .mktoForm {
color: #FF4545 !important;
}

0EM50000000RUnR.jpg

Not so sure about the checkmark color. 
Anonymous
Not applicable

Re: Changing checkbox values color in forms 2.0

Hey Jeff,

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