> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to CHANGE the COLOR of the COOKIE NOTICE BUTTON

1. Open the page editor;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/click-desing_3hg3bm.png)

2. Click the **gear icon** in the top right corner of the screen;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/click-ingre_i57bk8.png)

3. Then click **"Javascript & CSS"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1m8jc0v.png)

4. Click **"Adicionar"** to add a new code;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_8htlzi.png)

5. Choose a name for your code, select the **"**Operation**"** option and add the entire code below into the text field;

```
<style>
#gpc-lgpd_botoes-confirmar{
color: #000 !important;
background: #25f5da !important;
opacity:1;
transition: all .85s ease;
}
#gpc-lgpd_botoes-confirmar:hover{
opacity:0.85;
}
</style>
```

6. The only change you will need to make to the code is to replace the part where it says *#25F5da* with the **hexadecimal code of the color** you want to use;

Finally, click **Save**!

| At this link, you will find the hexadecimal codes for colors ->  https://imagecolorpicker.com/color-code/34b4bb

Still have questions? Reach out to our team on Chat! We're always happy to help. :-)