# Customize auction widget colors

The auction widget colors control how the auction looks on your product pages, including buttons, highlights, and background colors.

***

### 🛠️ Step-by-step: Change auction widget colors

&#x20;1\. Open the app > click **Settings** > **Appearance** tab

You’ll see color settings on the left and a **live preview** on the right.

2. Configure the color you want for each section of the auction widget

For each color:

* Click the color box
* Choose a new color or paste a HEX code
* Preview the change

3. Add custom CSS to style the auction widget (optional)
4. Click **Save** to update the changes

Open an auction product page on your store and check the result.&#x20;

<figure><img src="https://272152876-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4mjuzufW4nQwe72Yww3t%2Fuploads%2FN0I9V0rQtCyxKdpD8gUi%2F2026-02-05_15-08-28.png?alt=media&#x26;token=4b31ca83-57ca-488e-bedf-57cb40bbe7e8" alt=""><figcaption></figcaption></figure>

***

**🙋 Still need support?**

If you still need help, please feel free to contact us at <hi@tipo.io>. We’ll be happy to assist you further.
