Scheduling widget design customization with CSS

Modified on Tue, 28 Dec 2021 at 06:43 PM

How to customize the scheduling widget design with CSS

Note: This article only applies to the former version of the scheduling widget


As a reseller, you can fine-tune the look&feel of the scheduling widget as well as the design of the minisite (ie: direct URL).


In the reseller console, locate the menu Configuration > Scheduling. You will find three text areas:

  • Widget Javascript code: replacing texts, altering behaviors, adding elements
  • Widget CSS code: changing colors, size and position of the widget elements
  • Mini site CSS code: changing colors, size and position of the minisite elements



A CSS code example for the widget is provided here: https://agendize.freshdesk.com/support/discussions/topics/4000343730




Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article