arrow_back_iosQuestions
help

Can I change the widget design?

check_circle
On the Appearance tab, 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:
.day {
  background: #fdeedb;
  font-weight: 700;
  color: #8a5714;
}
Finally, open the widget settings on the Appearance tab. Set the Use custom css-styles checkbox and insert our CSS.
You will get the following result:
Didn't find the answer to your question?
Feel free to ask it at
mail_outline support@bukza.com