The Branding section allows you to customize the look and feel of the LUNA booking form so it matches your store’s brand. Changes you make here are reflected instantly in the live preview.
1. Booking form color
Use these settings to control the colors used across the booking interface.
Heading color
Controls the color of headings and titles inside the booking form.
Text color
Controls the color of regular text, such as labels and descriptions.
Button color
Controls the background color of primary action buttons (for example, the "Next" button).
Text on button
Controls the text color displayed on buttons. Make sure there is enough contrast for readability.
Form background
Sets the background color of the booking form container.
All colors can be customized to match your brand guidelines.
2. Font family
Choose which font is used in the booking form.
Inherit (default): Uses the same font as your Shopify theme.
Other options (if available): Apply a specific font to the booking form only.
Using Inherit is recommended to keep the booking experience consistent with your storefront.
3. Content settings
Control which information is visible to customers during the booking process.
Show timezone selector
Allows customers to select their timezone when booking.
Lock timezone
Prevents customers from changing the timezone.
This option is available only when Show timezone selector is enabled.
Show end time
Displays the appointment end time alongside the start time.
Show available slot left
Shows how many booking slots are still available for a selected time.
These options help you balance clarity for customers with simplicity in the booking form.
4. Advanced settings
Custom CSS (Developer zone)
Add custom CSS to further customize the booking form’s appearance.
Recommended for developers or advanced users
Changes here affect only the booking form
⚠️ Incorrect CSS may cause display issues. Use with caution.
