> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.omegatheme.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Customize your 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

| Don't forget to check the widget preview to ensure that it is aligned with your online store

![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1du2mxv.png)

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

**Calendar**

![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1hrya4f.png)

**Header**

![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_11v0gbf.png)

**Body**

![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1szv4ip.png)

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.

![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_18mk067.png)

### Custom CSS

If you want to custom CSS, you can edit here

![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1ntugyy.png)