Skip to main content

Customize the frontend

Open TheBooking > Settings > Core > Style and select Customize, or open Appearance > Customize > TheBooking.

The current widget exposes three appearance settings:

SettingValues
Primary widget colorAny valid hexadecimal color
Border radiusnone, xs, sm, md, lg, xl, 2xl, 3xl, 4xl, full
Widget color modeauto, light, dark

auto follows the visitor's operating-system preference. The default border radius is sm.

Navigate the Customizer preview to a page containing the TheBooking widget, then publish the changes.

Map styling, border width, background colors, slot colors, and calendar dot behavior are not runtime Customizer settings in version 4.