# Widget Appearance

This is where you configure the look and feel of your date picker & delivery validator widget

Editable formats available include: 

* **Layout:** 5 layouts to choose
* **Delivery time layout:**  1 row or 2 rows
* **Button shape:**  Sharp, Rounded, Slightly rounded
* **First day of the calendar:**  Monday, Tuesday, ...
* **Date format:**  Monday, 19 November 2024; 11-19-2024,19-11-2024.
* **Widget color:**  Flexible to pick your desired color for each component of the widget

{% hint style="success" %}
Don't forget to check the widget preview to ensure that it is aligned with your online store
{% endhint %}

<figure><img src="https://825397875-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdt3xbyFDcRxJKS1ZARtZ%2Fuploads%2FA8MbaMnU6me3mkG2JlEp%2Fimage.png?alt=media&#x26;token=a3250ca2-00d7-4781-8639-090bbbfc8e60" alt=""><figcaption></figcaption></figure>

Please pay more attention to the **Widget Colors** where you can set your desired color for each component of the widget.

**Calendar**

<figure><img src="https://825397875-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdt3xbyFDcRxJKS1ZARtZ%2Fuploads%2FscRsQ8O20DRSm86WaUx1%2Fimage.png?alt=media&#x26;token=d2832494-f47d-4f3a-9454-6907dc335d93" alt=""><figcaption></figcaption></figure>

**Header**

<figure><img src="https://825397875-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdt3xbyFDcRxJKS1ZARtZ%2Fuploads%2FiKUIvi6dlIlUFmUK7Qd3%2Fimage.png?alt=media&#x26;token=e14c78c9-c13b-4f6f-bf85-8555e70a6995" alt=""><figcaption></figcaption></figure>

**Body**

<figure><img src="https://825397875-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdt3xbyFDcRxJKS1ZARtZ%2Fuploads%2FUdc1fBghkWYhRTlhWihC%2Fimage.png?alt=media&#x26;token=bb3d61e2-f50f-43a9-9245-d54c21f4f4fe" alt=""><figcaption></figcaption></figure>

If you are not confident in your taste in design & matching color and are scared of getting your widget messed up, please apply the available widget color settings (Dawn, Ride, Crave,...) that are fixed to be aligned with your theme.

<figure><img src="https://825397875-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdt3xbyFDcRxJKS1ZARtZ%2Fuploads%2FkUevGJh8yRvAGaxgsbxX%2Fimage.png?alt=media&#x26;token=fc827a00-b3d6-41ea-ac3a-6c9543cd987c" alt=""><figcaption></figcaption></figure>

## Custom CSS&#x20;

If you want to custom CSS, you can edit here

<figure><img src="https://825397875-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdt3xbyFDcRxJKS1ZARtZ%2Fuploads%2FCbk2M26yZQeXENP9lOYF%2Fimage.png?alt=media&#x26;token=70c56f2a-0a28-4e64-84fe-a3796d94f4e5" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Reach out to us via the email [**contact@omegatheme.com**](mailto:contact@omegatheme.com) if you stumble upon something hard to solv&#x65;**.** Any messages from you guys are greatly appreciated!
{% endhint %}