Skip to main content
Anonymous
February 18, 2014
Question

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.



Does anyone else know.

Cheers,
Bec
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

14 replies

Anonymous
February 18, 2014
.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: 
Translate
Anonymous
February 18, 2014
Hey Jeffrey,

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

Cheers,Bec
Translate
Anonymous
February 18, 2014
You can change all the label colors: 

.mktoForm label, .mktoForm p {
  1. color: #fff !important;
}
Translate
Anonymous
February 18, 2014
Hey Jeffrey, it doesn't seem to change the value color?
Translate
Anonymous
February 18, 2014
Really? This worked for me. Can you send me the link to the landing page you are working on?  -Jeff
Translate
Anonymous
February 18, 2014
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
Translate
Anonymous
February 19, 2014
Oh, you want to change the input text color? So the checkmark is not black? Is this correct? 
Translate
Anonymous
February 19, 2014
You can change the input color: 

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



Not so sure about the checkmark color. 
Translate
Anonymous
February 19, 2014
Hey Jeff,

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

Translate
Anonymous
February 19, 2014
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
Translate
Show more replies
Terms & ConditionsAccessibility statement

Loading footer...