Changing checkbox values color in forms 2.0 | Community
Skip to main content
A
Anonymous
February 18, 2014
Question

Changing checkbox values color in forms 2.0

  • February 18, 2014
  • 14 replies
  • 2871 views
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

A
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: 
A
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
A
Anonymous
February 18, 2014
You can change all the label colors: 

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

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

A
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
Show more replies
Terms & ConditionsAccessibility statement

Loading footer...