# 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="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FUhcpE7Fr2HE44XHI0M94%2FScreenshot_47.jpg?alt=media&#x26;token=ac836070-2c4f-4baf-95ca-75a12ecc94e3" 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.