> 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/quo-volume-discount-tier-price/customize.md).

# Customize

### Customize Section – Table

#### **General Settings**

1. **Title**
   * **Title**: Enter the title for your discount table (e.g., *Get More Discount*).
   * **Title Style**:
     * **Title color**: Set the color of the title (e.g., `#000000`).
     * **Title bold**: Adjust the font weight (e.g., `900`) to make the title bold.
2. **Quantity Name**
   * Set the label name for quantity (e.g., *Quantity*).
3. **Amount Name**
   * Set the label name for amount (e.g., *Amount*).
4. **Discount Name**
   * Set the label name for discount (e.g., *Discount*).

<figure><img src="/files/7zPgJxBEsh4onraneYTG" alt=""><figcaption></figcaption></figure>

#### Table Style

1. **Table Border**
   * **Table border width**: Set the width of the table border (e.g., `2`).
   * **Table border color**: Set the border color (e.g., `#9e9e9e`).
2. **Table Head**
   * **Table head text color**: Set the text color of the table header (e.g., `#ffffff`).
   * **Table head background color**: Set the background color of the header (e.g., `#514d4d`).
3. **Table Body**
   * **Table body text color**: Set the text color of the table body (e.g., `#ffffff`).
   * **Table body background color**: Set the background color of the table body (e.g., `#514d4d`).

You can also see a preview of the appearance and styling of your discount tables according to quantity and amount.

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

These settings are also applied for **Card** choice.

### Customize Section – Card

The **Card** settings allow you to style your discount cards and control how they appear to customers.

#### General Settings

1. **Title**
   * **Title**: Enter the title for your discount card (e.g., *Get More Discount*).
   * **Title Style**:
     * **Title color**: Choose the color for the title (e.g., `#000000`).
     * **Title bold**: Adjust the font weight (e.g., `900`) to make the title bold.

#### Card Style

1. **Card Border**
   * **Card border width**: Set the width of the card border (e.g., `2`).
   * **Card border style**: Choose the style of the border (e.g., *Solid*).
   * **Card border color**: Set the border color (e.g., `#9e9e9e`).
2. **Card Text**
   * **Card text bold**: Adjust the font weight of the card text (e.g., `900`).
   * **Card text size**: Set the size of the text (e.g., `15`).
   * **Card text color**: Set the color of the text (e.g., `#ffffff`).
3. **Card Background**
   * **Card bg color**: Set the background color of the card (e.g., `#514d4d`).

<figure><img src="/files/5QPdpSnHZjQYlelSWatr" alt=""><figcaption></figcaption></figure>

You can preview how your discount card will appear before saving.

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