> For the complete documentation index, see [llms.txt](https://magecomp.gitbook.io/shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://magecomp.gitbook.io/shopify/apps/vox-limit-orders-per-day/customize.md).

# Customize

The **Customize** section allows you to control the visual appearance of the widget, ensuring it matches your store’s branding and design guidelines.

#### Text Styling

* **Font Color**\
  Sets the color of the text displayed in the widget.\
  Example: #000000
* **Font Size**\
  Defines the text size in pixels.\
  Example: 15

#### Background & Layout Styling

* **Background Color**\
  Sets the background color of the widget container.\
  Example: #ffffff 
* **Box Border Radius**\
  Controls the roundness of the widget container corners.\
  Example: 8
* **Icon Border Radius**\
  Defines the roundness of the icon corners.\
  Example: 8

#### Cancel Button Styling

* **Cancel Background Color**\
  Sets the background color of the cancel/close button.\
  Example: #000000 
* **Cancel Icon Color**\
  Sets the color of the cancel/close icon.\
  Example: #ffffff 

#### Indicator (Dot) Styling

* **Dot Color**\
  Sets the color of the indicator dot.\
  Example: #ffffff 
* **Dot Size**\
  Defines the size of the dot in pixels.\
  Example: 15

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

By adjusting these options, you can fully customize the widget’s appearance to maintain visual consistency across your storefront while ensuring clarity and usability for customers.