How can i make a hover effect in the header

Hi, i have been trying to figure out how to make my links in the header hover and change color but no matter what css i add, nothing at all happens! please help!!

Hi,

If 7.1, add to Design > Custom CSS

div.header-nav-item>a:hover {
	color: #f1f !important;
}

That worked!! thank you!!!! but now how to I change it from that colour to another? do I need to know the codes of each colour ?? I was wanting an orange/ yellow colour.

That worked!! thank you!!!! but now how to I change it from that colour to another? do I need to know the codes of each colour ?? I was wanting an orange/ yellow colour.

I also notice now that it doesnt work when I exit the css section. That is when I go to preview mode or to edit it no longer changes color.

I did also change the colour by tying random numbers and found the orange ! using #f91f 

it seems that when I put that number in it works only when in the css page 

Help please !!

I was looking to use orange or light grey hover color if you have number for that please 

On 8/1/2023 at 7:24 PM, tuanphan said:

Hi,

If 7.1, add to Design > Custom CSS

div.header-nav-item>a:hover {
	color: #f1f !important;
}

 

Thank you! but I need to change the color to a orange or light grey and it seems when I change it, it doesnt work  outside of the edit page! help

just change it to this

div.header-nav-item>a:hover {
	color: orange !important;
}