Skip Navigation

[Resolved] Need to know the css for the cross in checkbox

This thread is resolved. Here is a description of the problem and solution.

Problem:
The problem here is that the user wanted to modify the color of their checkbox tick.

Solution:
This can be done by using the css below.

input[type=checkbox]:checked:before {
    color: black;
}
This support ticket is created 3 years, 3 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

This topic contains 3 replies, has 2 voices.

Last updated by frederiqueC 3 years, 3 months ago.

Assisted by: Shane.

Author
Posts
#2201379
checkbox.png

Tell us what you are trying to do?
Hello, this is a silly question but I have never had this problem before. The cross in the checkboxes is white. This gives the impression that we have not checked anything when we do. I would like to put it in # 3f3a64.
Thanks in advance.
I'll give you a picture of the problem.

Is there any documentation that you are following?
I don't know

Is there a similar example that we can see?
No

What is the link to your site?
hidden link

#2202031

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Frederique,

Thank you for getting in touch.

I tried to look at the page you've sent but it appears the site is in Maintenance mode and I will need to log in to see it.

Can you provide the credentials that will allow me to view this form so that I can best advise you on this one.

Thanks,
Shane

#2202901

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Frederique,

Thank you for the credentials. Here is the CSS code that can allow you to change the color of the tick.

input[type=checkbox]:checked:before {
    color: black;
}

Please let me know if this helps.
Thanks,
Shane

#2202915

My issue is resolved now. Thank you!