How to add CSS to a widget


CSS can be added to a widget to change the styling, such as colors, borders, padding, font size, font family, etc.


Adding CSS to an individual widget

  1. Login to HealCode
  2. Click Widgets at the top
  3. Click on the Title of the desired widget
  4. Scroll to Appearance
  5. In the Custom CSS text box, add your CSS
  6. Click Save at the bottom of the page

Have more questions? Submit a request


  • Avatar
    Amanda Piasta

    Trying to figure out what the different css selector is for selected day on the calendar. When client clicks on a day, it does not highlight the clients selected day but still performs the search properly. We want to be able to show the client that the calendar did register their click.

  • Avatar

    Hi Amanda, please try targeting the CSS class, "a.ui-state-active" for the active days of the Appointments Widget. If you need further assistance with the CSS, please reach out to us here:

    Thank you!


Powered by Zendesk