Form appearance

Brand the booking form's colours, fonts, shapes and buttons from the admin, with a live desktop and mobile preview and no CSS.

Updated 30 August 2026. Applies to Schedopia 1.3.0.

Open Schedopia → Design → Booking form. The left panel holds the controls; the right shows a live preview of the form. Switch the preview between Desktop and Mobile to check both.

Colours

  • Primary: buttons, the active step and selected states.
  • Accent: eyebrows and category labels.
  • Text: headings and body copy.
  • Background / surface: the card and page background.

Each colour has a swatch row of presets and a field for an exact hex value, so you can paste your brand colour directly.

Typography

Choose the heading and body typefaces. The form ships with its own font stack and does not depend on your theme, so the result is the same regardless of which theme is active.

Shapes and buttons

Set the corner radius used across the form and the button style. Rounder shapes suit a salon or studio; tighter corners suit a clinic or consultancy.

Saving and resetting

Changes apply to the preview immediately. Click Save changes to publish them to your live form. Reset to defaults returns every control to the shipped values.

Content

The Content tab beside Style holds the wording shown on the form, so you can change labels and helper text to match your tone.

Tip: Appearance settings are global: every page that uses [schedopia_booking] or [schedopia_booking mode="event"] gets the same look.