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

    Dear support,

    i create a site with enfold construction-demo theme.
    How can change the color of active menu item, active menu text, active menu item background?

    i search a long time in this forum and tried any solution out…but the active button or active button text is not changed…
    I tried with this:
    #top #header .av-main-nav > li:active> a .avia-menu-text, #top #header .av-main-nav > li:active > a .avia-menu-subtext {
    color: #F1C254 !important;
    }
    But does not worked…
    Can you help me please??
    Show my site link

    • This topic was modified 8 years, 9 months ago by strumpumpel.
    #578123

    hi strumpumpei ;
    have you tried with
    #top #header .main_menu avia-menu .current-menu-item{
    color: #F1C254 !important;
    }

    #578129

    I have this now tried out…but not change…..:(
    Thanks begrafiks! But does not worked..

    #578545

    Hey!

    This will change the active menu item font color:

    .current_page_item a {
       color:#000!important;
    }

    This will change the active menu item background:

    .current_page_item a {
    	background:gold!important;
    }

    combine and use the below code like this

    .current_page_item a {
            color:#000!important;
    	background:gold!important;
    }

    Regards,
    Vinay Kashyap

    #578593

    Hell Yeah!!! :) Great Vinnie!
    So thanks :))

    #578597

    Vinnie,
    in my theme is your code the half solution. But you gived me the right way to the solution!!!

    This code:
    .current_page_item a {
    color:#fff!important; —> dont worked
    background:#efbb20!important; —> worked
    }

    For menu text color worked this:

    .current_page_item a > .avia-menu-text {color:#000!important;}

    Vinnie and all have nice weekend!!!!! :)

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Active menu item change color’ is closed to new replies.