Anpassungen für Kalender und Formulare können unter Integrationen in den Einstellungen je Widget erfolgen oder alternativ mit individuellem CSS auf Ihrer Webseite.
Jedes Widget (jeder einzelne Kalender / Buchungsformular) hat eine eindeutige Container-ID:
ua-container-[CONTAINERID]CSS-Variablen
--ua-vertical-unit: 5px;
--ua-horizontal-unit: 10px;
--ua-border-radius: 2px;
--ua-border-color: #404014;
--ua-button-color: #404014;
--ua-button-secondary-background-color: #666666;
--ua-disabled-color: #d9d9d9;
--ua-button-text-color: #ffffff;
--ua-focus-border-outline-color: #afdd28;
--ua-message-background-color: #fbf4eb;
--ua-message-border-color: #cf7205;
--ua-message-text-color: #995200;
--ua-button-border: 1px solid var(--ua-border-color);Anwendungsbeispiel:
.selector #ua-container-[CONTAINERID] {
--ua-vertical-unit: 3px;
--ua-horizontal-unit: 6px;
}Wichtig: Die Anpassungen an den Variablen beziehen sich immer auf ein Widget.