How can I make a hover effect in the text of header?

I want not only to change the background when I put the mouse on it, but also to give the text a different color.

thank you in anticipation

@MatRobi If you'll post the URL to your site then we can write the exact code.

2 hours ago, JessicaM said:

@MatRobi If you'll post the URL to your site then we can write the exact code.

sure : itsmaze.com

@MatRobi This code will change the color and add a background to any h1 text that is bold.

h1 strong:hover {   
  background-color: #000000;   
  color: #ffffff;
}

Change the 2 hex code colors to whatever you'd like it to be. If you want it to apply to another header, then change h1 to h2 (or whichever header you want it to be). *The font must be bold in order to see the effect.

Hello @MatRobi use this code to change the text color on the header  website tool > Custom code 

Quote

.header-nav a: hover{
background-color: #fff;  
 color: #000000;
}