Different color hover text nav menu

Viewing 3 replies - 1 through 3 (of 3 total)
  • Eduard

    (@cteduard)

    3 years, 11 months ago

    Hello @hesamramzi,

    Yep, you should be able to achieve this. Simply look at the DOM of the page and look for the menu item ID, then look at its child — https://ibb.co/ncXhb3T

    You’ll need to target them via CSS, something like this — .menu-item-XXX a:hover. Change anything you want via this, check out all the CSS proprieties here — https://www.tutorialrepublic.com/css-reference/css3-properties.php.

    Hope this helps.

    Thanks.

    Thread Starter hesamramzi

    (@hesamramzi)

    3 years, 11 months ago

    Thank you, I tried before the problem is when I target the class and style all hover colors are changing, I am so new to this and probably missing something.
    I am using the Blocksy theme and trying to achieve this using Additional CSS.

    Thanks,

    • This reply was modified 3 years, 11 months ago by hesamramzi.
    Eduard

    (@cteduard)

    3 years, 11 months ago

    Hello @hesamramzi

    The classes are right there in the code snippet. Simply select each of them and declare the proprieties for every one of them. Should be pretty easy 🙂

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Different color hover text nav menu’ is closed to new replies.