Changing the check color of the appointment widget?

  • Profile Image
    Asked on August 21, 2018 at 01:15 PM


    I am using the Appontment-Widget an I am trying to change the green color of the checkbox. All my attempts failed so maybe you can send me a css snippet.



  • Profile Image
    Answered on August 21, 2018 at 01:59 PM

    Hello Chris,

    The checked boxes are styled with background-image. So, if you want to change the color, you may remove current "checks" and add your custom. Or to replace the image url.

    The selector would be 

    #checklist > li > label > div.after {

    background-image: none !important;


    The code should be injected into widget's css section: How-to-Inject-CSS-Codes-to-Widgets

    1534874370Smart 2018-08-21 20-58-51.png