Navigation
Archive / Changing Hover Color on sub menu items within Integrity Stack
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 9, 2017 at 4:58 pm #1323067
    SkeeterHarris
    Participant

    Hey guys,

    So I am in need of your expert help here. I’ve been searching and am close but have not found the right CSS to apply to the global CSS on this.

    If you check out this website – http://bcb.5d4.myftpupload.com

    Here is the area I am trying to change, so when you mouse over a sub-menu item that slight gray highlight I want to make a slight blue color. Check out attached.

    I found the following code but it doesn’t do quite what I want.

    x-navbar .x-nav>.current-menu-item>a,
    .x-navbar .x-nav>.current-menu-item>a:hover,
    .x-navbar .x-nav > li > a:hover
    {
    background-color:
    #5faa37
    !important;
    }

    January 9, 2017 at 9:35 pm #1323353
    Jade
    Moderator

    HI there,

    Please try this code:

    .desktop .sub-menu a:hover {
    background-color: rgba(0,93,133, 0.5);
}

    Hope this helps.

    January 9, 2017 at 10:22 pm #1323389
    SkeeterHarris
    Participant

    Hi Jade,

    This was perfect! Thank you!

    Skeeter

    January 9, 2017 at 11:46 pm #1323452
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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