---
title: "Edit the sale badge & price"
url: "https://kb.getflowbox.com/en/article/edit-the-sale-badge-price"
language: "en"
last_updated: "2026-03-27T15:37:42.180Z"
---

# Edit the sale badge & price

Change color and design on the sales badge & price

## Change percent badge

![](https://cdn-assets.productfruits.com/382e0aa5-0e68-4f4f-b35d-5323458e8565)

To change the Sales badge & Price, paste this CSS code in the "CSS" box in the Flow's Styling settings.

```
.bzfy-gate-product-sale-icon{  
background-color: #ec008c;  
border-radius: 20px;  
font-size: 15px;  
color: #fff;  
padding-top: 10px;  
  
}
```

Change #ec008c to the color code you wish.

I also increased the font size from 12px to 15px.

![](https://cdn-assets.productfruits.com/09a801f0-ce56-4a8b-9dba-173dea2a5b72)

* * *

## Change sale price

![](https://cdn-assets.productfruits.com/54f18adc-e907-411c-8d84-1de3fa86d521)

Paste this CSS code to change the price color. Change #ec008c to the color code you wish.

```
.bzfy-gate-product-price.bzfy-gate-product-sale-price {  
color: #ec008c;  
  
}
```

![](https://cdn-assets.productfruits.com/5fe2f915-5e94-4371-92bb-61745bcba234)

​