arrow_back_iosQuestions
help

What will the widget look like on the site?

check_circle
Colors, fonts, and widget styles change in CSS rules. To change the design of the widget you need basic knowledge of the layout of web pages. For example, if you add these rules to the widget settings:
.application {
  font-family: Arial Black;
}

.button_primary {
  background-color: #097c57;
}

.calendar__card {
  background-color: #f8fff3;
}

.calendar-header {
    background-color: #1c6d1f;
}

.month-picker {
  background-color: #3c8e3a;
}

.calendar-day__hour-ticks {
  opacity: 0;
}

.calendar-day__levels {
  opacity:  0;
}
You will receive such a calendar:
The widget has 4 themes: light, dark, vk.com and ok.ru. You can impose your styles on top of any of these themes.
You decide how and where to place the widget on the page. You can open it in a pop-up window or on a separate page. Usually, users place it as a block inside the page. We have prepared several examples:
The widget was developed for use on mobile devices. It is lightweight, fast and adapts to any screen size. Try to open it from your tablet or smartphone.
If you chose the Business plan for yourself, we will help you with customizing the widget styles.
Didn't find the answer to your question?
Ask it to us on
mail_outlinesupport@bukza.com