> For the complete documentation index, see [llms.txt](https://help.checkoutchamp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/page-building-tips/main-and-secondary-site-color.md).

# Main and Secondary Site Color

Set a Main or Secondary Site Color to easily assign a standard color to any page element

## Set Main Site Color

Go to funnel **Settings**.  Click inside the **Main Site Color** box.  Choose the color.  Press **Save**.

Edits to **Main Site Color** are automatically updated on the pages.  If **Main Site Color** is no longer needed then remove it from all pages.  It cannot be removed on the funnel **Settings**.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F06WZrMqBYOEMphNbQ4w9%2Fimage.png?alt=media&amp;token=4a8c5f92-5085-41ec-9208-e812a0f1fdd7" alt="" width="375"><figcaption></figcaption></figure>

## Add Main Site Color to Pages

Edit any page.  Go to adjust the color on any element.  Enable the **Main Site Color** toggle.  The particular style will change to that color.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FVLE6ao4pS2neJRfn4AGQ%2Fimage.png?alt=media&amp;token=ed29ee96-f712-4d9e-810a-5ccd053d1e40" alt="" width="563"><figcaption></figcaption></figure>

## Secondary Color

The Secondary color includes all the same functionality as the Main Site Color