---
description: Set up color style for site
---

# Color

To access Customizer go to your admin **Dashboard** Navigate to **Appearance** >> **Customize --> Color Style**

**A. Breadcrumb**

* **Color:** when you change color , text of breadcrumb will be changed color look like:

![](https://3200239749-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lqz6Nt6a52azogDdfVM%2F-Lr6uhUlS7GefyCr2_B-%2F-Lr7Nx0V5zAji1HC59zm%2Fcolor.png?alt=media\&token=e0b5044d-2802-4a1c-ab2a-9ec6308762f7)

* **Color Current** : when you change color, title breadcrumb will display look like

![](https://3200239749-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lqz6Nt6a52azogDdfVM%2F-Lr6uhUlS7GefyCr2_B-%2F-Lr7O-x9ooIq255Dcn59%2Fcolor2.png?alt=media\&token=f4f19412-3ab8-4575-8b52-f4d21d5107cd)

**B. Button**&#x20;

**+ With Primary button**

* &#x20;**Background color :** when you choose background , In button will display color that you changed

![](https://3200239749-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lqz6Nt6a52azogDdfVM%2F-Lr6uhUlS7GefyCr2_B-%2F-Lr7OZnfytQ9mtyfWr5s%2Fbutotn.png?alt=media\&token=f47c5acc-885e-45dc-8cf5-5d8ed03a5ccc)

* **Color** : This option allow text of button to change with color that you set up

![](https://3200239749-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lqz6Nt6a52azogDdfVM%2F-Lr6uhUlS7GefyCr2_B-%2F-Lr7OhCAXTTgEjwHK-A5%2Fbutton2.png?alt=media\&token=de1410b6-df20-4c36-a517-bf9720635758)



\+ **With Primary button hover**&#x20;

* **Background color** : this options allow you to change color when you hover in button

![](https://3200239749-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lqz6Nt6a52azogDdfVM%2F-Lr6uhUlS7GefyCr2_B-%2F-Lr7PAP6DiQ7pcGEGqsI%2Fhover.png?alt=media\&token=7e59fec0-b529-40d6-8911-905bb8cdd1f4)

* **Color**: Text of button when you hover will have this color if you change in this option

![](https://3200239749-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lqz6Nt6a52azogDdfVM%2F-Lr6uhUlS7GefyCr2_B-%2F-Lr7PEh6TbKirwSqsSz2%2Fhover1.png?alt=media\&token=00cb844e-7ae8-43eb-9fde-a7d353f95cbd)





