Hover link color different from active link color

Hi Giselle,

You can use the inspect tools in Chrome to find the element you want to change the hover characteristics to. Then create a new pseudo element with :hover (e.g., h1:hover {color: #fff; } Add this in the theme css file.
Hope it helps!

Hey @giselleyy,
Add the below CSS code in Appearance->Customize->Additional CSS:

.main-navigation a:hover{
     color: red !important;
 }

The Below section targets the “Artigos” page menu item, here you can add hover color as per your requirement:
#menu-item-631 a:hover{
color: #fff !important;
}

Thank you very much guys!



Source link