# 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>" %}