# How to customize your Cowlendar calendar design

<figure><img src="/files/lOKUEBl6uqVzWymxQ2pl" alt=""><figcaption></figcaption></figure>

### Bring your brand to life through your booking widget

With this new feature, you can fully personalize the look and feel of your booking calendar. Whether you're aiming for a clean, elegant style or something bold and colorful, now you can adapt the design of your calendar to better match your brand identity, no coding required.

You’ll be able to modify calendar elements like:

* Main background and active day color
* Button and arrow color and shape
* Slot design, borders and text style
* Time selector background
* Icons and banners
* And more

All changes are visible in real-time thanks to the live preview panel on the right side of your screen, so you can instantly see how your calendar will look to your customers.

{% hint style="warning" %}
These design changes will apply to **all your services**.
{% endhint %}

### Where to find this feature

1. Go to your **Cowlendar Dashboard**
2. In the left-hand menu, click on **Settings**
3. Select **Widget design**

From there, you’ll be able to explore all the customization options and start adjusting your calendar’s design right away.

<figure><img src="/files/Ss41zxdCsNKZZ3dck5Qk" alt=""><figcaption></figcaption></figure>

#### Tips

* Try to use colors that contrast well to keep your calendar easy to read.
* Preview changes before saving to see exactly what your customers will experience.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://penida.gitbook.io/cowlendar-help/how-to.../how-to-customize-your-cowlendar-calendar-design.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.