Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #12904

    Sorry, for the repeat post, but I am at my wits-end.

    I have a deadline and I need resolution. So, if anybody is out there that can help me.

    I’m using Brightbox. I want to change the hover color of my top menu, but also want the hover to be a 6 px bar beneath the menu

    Thanks.

    #77126

    Hi gdeadtoo,

    You would use this:

    #top .main_menu .avia_mega > li:hover > a {
    color:#000000;
    }

    You can combine it with the other code I gave you on the thread below. Also you mentioned here you want a 6px bar so you would change the 5px I used in that thread to 6px. – http://www.kriesi.at/support/topic/how-do-i-edit-the-menu-hover

    Regards,

    Mya

    #77127

    Thanks!

    But I guess, I didn’t fully explain it correctly. I also wanted the hover to stay under the selected tab when on the page. I don’t know what that term is called. Selected?

    tx again

    #77128

    Hi,

    If you want the hover style (color: #000) to also appear on the current page’s menu, try adding this code:

    .current-menu-item a {
    color: #000000 !important;
    }

    Hope this helps. :)

    Regards,

    Ismael

    #77129
    #77130

    Hi gdeadtoo,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files. Its a small adjustment to Ismael’s above and forces things through a bit more:

    .current-menu-item a {
    color:
    #000;
    background-color:
    transparent !important;
    border-bottom: 5px solid
    #000;
    padding-bottom: 2px;
    }

    Regards,

    Devin

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Can't change the hover color on my menu’ is closed to new replies.