Change tick color in Terms & Conditions checkbox

  • Resolved lenask

    (@lenask)


    4 years, 9 months ago

    I would like to change the color of the checkmark in the terms & conditions checkbox from #f9eee3 to #777777 with CSS since it is hardly visible but I just can’t figure out the right command for only this element.

    Do you have any idea?
    Your help is much appreciated!

    Warning: Site is NSFW, it contains drawings of genitals for educational purposes.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Ross V. a11n

    (@rossviviano)

    Automattic Happiness Engineer

    Hi there,

    The following CSS should do the trick:

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

    Best,

    Ross

    Plugin Support Ross V. a11n

    (@rossviviano)

    Automattic Happiness Engineer

    Hi again,

    We haven’t heard from you in a while, so I’m going to mark this as resolved. Feel free to start a new thread if you have any more questions!

    Best,

    Ross

    littleblackcatjewellery

    (@littleblackcatjewellery)

    Hi, I’ve tried this code for my own site, and it isn’t working. Is there any other suggestion please? I have a white tick on a white background, which really isn’t helpful! Same on gdpr box, change address box and term’s and conditions box, so it’s really important that my customers can see these options when they tick them.

    Site is https://www.littleblackcatjewellery.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change tick color in Terms & Conditions checkbox’ is closed to new replies.