> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Customizing the Color of Product Savings Text (Save XXX) in Upcart

> This article outlines how to customize the visibility of your Upcart's savings row by hiding discount elements for a cleaner design.

# **Overview**

This guide is designed for merchants using Upcart who want to change the color of the text that says 'Save \$XXX' beneath the products in the cart. Changing the color allows you to design your cart with your own branding in mind.

By using a bit of CSS and some basic coding knowledge, you can easily add this functionality to your store. These customization options are perfect for store owners or developers with a little bit of CSS experience.

## Example

Here is what the cart will look after changing the color of the savings text:

<img src="https://mintcdn.com/aftersell/djWVMMNjpCIkZ6mp/images/upcart/d5e0b5e57b23.png?fit=max&auto=format&n=djWVMMNjpCIkZ6mp&q=85&s=80552cef58d9308b7ff4c13a86d142c4" alt="Image" width="908" height="546" data-path="images/upcart/d5e0b5e57b23.png" />

***

# Accessing Custom CSS Settings

To begin customizing the CSS for your Upcart, follow these steps:

1. Open the **Upcart App**.
2. Click on **Cart Editor**.
3. Click on **Settings** and scroll down the page until you find the section labeled "**Custom CSS**".

***

# Applying Custom CSS

Once you are in the Custom CSS section, you can change the color of the product savings text by following these steps:

1. Locate the CSS input area.
2. Copy and paste the following code into the CSS input area:

**If you are on Version 1, use this code:**

```
.upcart-product-savings {  
   color: red !important;  
}
```

**If you are on Version 2, use this code:**

```
.upcart-public-component-product-tile__savings {  
   color: red !important;  
}
```

### Choosing a Color format

You can replace `red` with any color of your choice using three different ways.

For example:

* **Named Color**: `green`
* **RGB**: `rgb(0,128,0)`
* **Hex Code**: `#008000`

***

## Still Need Help?

If you need any assistance with customizations, we recommend consulting with a Shopify Expert about adding HTML, CSS, and even JavaScript to your cart drawer.

[See Shopify Experts](https://www.shopify.com/partners/directory)