> For the complete documentation index, see [llms.txt](https://docs.dingdoong.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.dingdoong.io/widget-settings/widget-appearance.md).

# 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="/files/Gq6ktjJhoPA4dLFRxkSe" 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="/files/euJvZto1lj8Gc343ewIZ" alt=""><figcaption></figcaption></figure>

**Header**

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

**Body**

<figure><img src="/files/qAO3ck4E1OgfVYbxpFYn" 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="/files/inkvMSIANdLulEGdmoSt" alt=""><figcaption></figcaption></figure>

## Custom CSS&#x20;

If you want to custom CSS, you can edit here

<figure><img src="/files/DoceTyUn40F3S70tFVtc" 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 %}