# Branding

<figure><img src="https://823676422-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0L9xed9aKzBFWStiaSMS%2Fuploads%2FQSDobmlD3er3xWrunBSp%2Fimage.png?alt=media&#x26;token=f585ebab-7527-4873-a8b5-0620aa6b5c4f" alt=""><figcaption></figcaption></figure>

#### 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.