# How To Change Style and Colors

Simply go to **Appearance → Theme Options → Style and Colors** to select *Primary Color* for your page.

<figure><img src="https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FS5TnQ1SkcMroviWtaKhj%2Fimage.png?alt=media&#x26;token=4287611d-6134-4df3-b08c-fc5d47dd7612" alt=""><figcaption><p><mark style="color:blue;"><strong>1</strong></mark></p></figcaption></figure>

<figure><img src="https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2F5JnS9t6NlpeexbN2wqBU%2FFashion%204%20%E2%80%93%20Elessi%20%F0%9F%94%8A%202022-09-26%2017-14-23.jpg?alt=media&#x26;token=f6c9f2d6-e71f-421c-a7c1-476afae576c6" alt=""><figcaption><p><mark style="color:blue;"><strong>2</strong></mark></p></figcaption></figure>

#### <mark style="color:green;">Buttons Background Color</mark>

<figure><img src="https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FEegkwghiHE85gLi2YaCP%2Fimage.png?alt=media&#x26;token=6062aec6-8d37-403c-b778-862b6d13c8f5" alt=""><figcaption><p><mark style="color:blue;"><strong>1</strong></mark></p></figcaption></figure>

<figure><img src="https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2F3YX5IJxyQrkaonbTnPIt%2Fimage.png?alt=media&#x26;token=8a83ffc0-6ad3-4e4d-bd44-51be5a197006" alt=""><figcaption><p><mark style="color:blue;"><strong>2</strong></mark></p></figcaption></figure>

*Also, you need to turn off the primary color that has overridden some Home Page Demo (like Organic, Tech Accessories, ...) so the primary color of the theme option that is activated:*

<figure><img src="https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2F6aaTd1H9cszTZq6q5X7f%2Fimage.png?alt=media&#x26;token=880ca117-07e6-4d5a-9046-4afdc0e99ea5" alt=""><figcaption><p><mark style="color:blue;"><strong>1</strong></mark></p></figcaption></figure>

<figure><img src="https://980438068-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MV0r5tR9bPLGnwB_pyk%2Fuploads%2FaKqG3v4AUJFMMpwPJnVt%2Fimage.png?alt=media&#x26;token=a271cb4c-e10d-4591-98d6-bbb09cc281e1" alt=""><figcaption><p><mark style="color:blue;"><strong>2</strong></mark></p></figcaption></figure>