Can I change the widget design?

On the Design panel, select a light or dark theme depending on the design of your website. Then choose a color for the buttons and form fields.

If you need a complex design customization, you can change the appearance of the widget using CSS. This let you change the fonts, colors, and shape of any widget elements. This will require basic HTML/CSS skills.

Widget styles are organized according to the BEM methodology. Each element has its own class.

To change the design of a specific item, find out its CSS class. This is easily done through the developer's tools in the browser. For example, in Chrome, right-click an item and select View Code.

For the name of the day on the calendar, we have defined its class - day.

Now let's write a simple CSS to change the background, color and font:

Finally, open the widget settings and go to the Design panel. Set the Custom CSS style checkbox and insert our CSS.

You will get the following result: