Navigation
Archive / ACTIVE and HOVER link color in the sub menu
This is archived content. Visit our new forum.
  • Author
    Posts
  • March 7, 2015 at 4:32 pm #222382
    joanosgoodby
    Participant

    How do I change the ACTIVE and HOVER link color in the sub menu – so they are different from the active and hover colors of the main nav menu?

    March 8, 2015 at 6:26 am #222607
    Christopher
    Moderator

    Hi there,

    Please add the following CSS under Customize -> Custom -> CSS :

    ul.sub-menu li a:hover {
color: red !important;
}
ul.sub-menu li a {
color: yellow !important;
}

    Hope it helps.

    October 11, 2015 at 10:36 am #620384
    contegi66
    Participant

    Hi,

    As the above code is for all submenu items, how can I change color only to one entry of the submenu?

    To be clear, I have a menu called “Course” and five sub menus under it (course one, course two…). I need only “course one” in red. Is this possible?

    Thank you in advance,

    G

    October 11, 2015 at 11:52 am #620442
    Thai
    Moderator

    Hi There,

    In this case, please provide us with your website URL so we can take a closer look?

    Thanks.

    October 15, 2015 at 10:05 am #626528
    contegi66
    Participant
    This reply has been marked as private.
    October 15, 2015 at 11:37 am #626679
    Rupok
    Member

    Hi there,

    Thanks for updating. You can add this code –

    .menu-item-943 a {
  color: red;
}

    Hope this helps.

    Cheers!

    October 16, 2015 at 6:25 am #627840
    contegi66
    Participant

    X-antastic ! 😉

    thanks

    G

    October 16, 2015 at 7:43 am #627915
    Paul R
    Moderator

    You’re welcome! 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-222382 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>