changing Nav fonts on Hover....

If a client wants to change the FONT on mouseover of the NAV in any given theme, how could we achieve this? Sounds like a tall order, but likely been done before.

Any ideas?

  • Vinod Dalvi
    • WP Unicorn

    Hi @Laura,

    I hope you are well today and thank you for your question.

    Really it depends on the theme that produces the markup of navigation but generally it will look something like following.

    ul#nav li:hover > a{
    font-family: arial;

    I assumed in the above code that navigation menu UL tag has id nav but as said this can be different from theme to theme so please change it according to your theme.

    Also change the font arial in the above code to whatever you want to set on mouse hover.

    Best Regards,
    Vinod Dalvi

  • Laura O'Reilly
    • Design Lord, Child of Thor

    Great. Thanks!!!

    The css from theme developer looks like this:

    nav.vertical_menu > ul > li > a, .vertical_menu.vertical_menu_side ul li a {
    font-family: YourFontHere;

    can you confirm the exact suggested code for hover font switch effect?

    thanks! I know one missed character causes chaos

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.