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

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

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 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!