# Change color scheme

## Change the color of menu links on hover

{% embed url="<https://www.youtube.com/watch?v=SIqLa9I2whc>" %}

To change the hover color of the menu links, go to the settings of the menu module, then in advanced >> custom CSS >> Menu Link, on the first line you will see :&#x20;

`linear-gradient(to right,`<mark style="color:purple;">`#564CFF`</mark>` ``50%,rgb(0,0,0) 50%)`

Change the color code <mark style="color:purple;">#564CFF</mark> with the one you want !

{% hint style="info" %}
**Good to know:** you can use the divi color picker to select your color !
{% endhint %}

## Change sub menu hover color

To change the border color of the sub menu links animation, you just have to modify the line 88 of the CSS code you have copied and paste when installing the layout ; this line :&#x20;

`background:`` `<mark style="color:purple;">`#564cff`</mark>`;`

Change the color code #564cff with the color code you want !

## Divi Find & Replace options

This allows you to make sweeping changes across your entire page instantly, saving you hours upon hours of editing time with the click of a button.&#x20;

{% embed url="<https://www.youtube.com/watch?v=mEfqtaInP4M>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://contact-22.gitbook.io/loops-headers/customization/change-color-scheme.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.