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

# Customizing Checkout Colors

> Learn how to easily customize the colors in your SimpleTix checkout page to match your brand.

# Overview

SimpleTix allows you to easily customize the colors in your checkout page to match your brand identity. This guide shows you how to change theme colors, text colors, and button colors for a consistent brand experience.

## Customizing Checkout Colors

You can now easily customize the colors in your checkout. Follow these steps:

1. Go to [Settings > CSS/Design Edits](https://manager.simpletix.com/general/css-editor) and select your colors from the color picker.

   ![Image #1](https://app.getbeamer.com/pictures?id=475406-Pg5E77-9DwQM77-977-9Su-_ve-_vcud77-977-9JxRdBu-_vVvvv70IQO-_vRcx16o.\&v=4)

2. Select your new color:

   ![Image #2](https://app.getbeamer.com/pictures?id=475408-77-9Kx0177-9ESoD77-977-977-9Dm7vv73YmGnvv73vv73vv73vv71K77-9IAXvv70jOe-_ve-_vRjvv70.\&v=4)

3. Click Save

   ![Image #3](https://app.getbeamer.com/pictures?id=475411-LgpJ77-9YnRRC--_ve-_vX0vMu-_vTkwZngXEWhINHR9AD8D77-977-9WT0.\&v=4)

## What Changes?

After customizing your colors:

* The button on the initial event page will display in your selected color:

  ![Image #4](https://app.getbeamer.com/pictures?id=475409-WVfvv70CNO-_ve-_vVjvv70MZO-_ve-_vQPvv73vv73vv70RK1Qz77-95omf1LppRhwJXQ..\&v=4)

* The theme colors throughout checkout will match your selection:

  ![Image #5](https://app.getbeamer.com/pictures?id=475410-KO-_vW8xe--_vQ7vv73vv70n77-9RGBdbe-_vQpP77-9JQXvv71y77-9ADozVVPvv73vv73vv70.\&v=4)

> **Note**: You can also customize the checkout text color and the Checkout Now button. These changes apply to all events on your account.

<Card title="See Also" icon="link" href="/docs/css/css">
  Explore more advanced CSS customizations for your SimpleTix site.
</Card>