Shaper Salon - Checkbox Tick Colour - Question | JoomShaper

Shaper Salon - Checkbox Tick Colour

Claire Haas

Claire Haas

Template 1 year ago

Hi, How can I change the Checkbox's Tick color on this page, about half way down under Book Now: www.sanctuaryhomehealing.co.uk/soul-sisters.html please?

I have got a dark background and have managed to change the Checkbox Border color to white but not the Tick that goes inside it. I realise this is an external component (EasyBooking) but I have asked them already and they say it is a template thing.

Please can you help with some css?

Kind regards Claire :-)

0
5 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #160745

Use this CSS in your custom.css file

input[type="checkbox"]:checked::before{
    border-color: #fff !important;
}
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #160632

Hi

Thanks for contacting us. Use this CSS in your custom.css file

input[type="checkbox"]:before {
    border-color: #fff !important;
}

-Regards.

0
Claire Haas
Claire Haas
Accepted Answer
1 year ago #160724

Hi,

Thank you for your reply. I tried the CSS in my custom.css but the result is that all boxes become filled with white ticks that can't be unticked.

I have now removed that CSS again. I have added the admin login in the Hidden Content area if you want to try it yourself.

Kind regards Claire

0
Claire Haas
Claire Haas
Accepted Answer
1 year ago #161085

Awesome, thank you very much.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #161183

You are always welcome.

0