Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #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



    Hi gdeadtoo,

    You would use this:

    #top .main_menu .avia_mega > li:hover > a {

    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. – (Purchase code hidden if logged out) -menu-hover





    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



    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. :)




    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 {
    transparent !important;
    border-bottom: 5px solid
    padding-bottom: 2px;



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.