Tagged: construction demo, current-menu-item
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
hi strumpumpei ;
have you tried with
#top #header .main_menu avia-menu .current-menu-item{
color: #F1C254 !important;
}
I have this now tried out…but not change…..:(
Thanks begrafiks! But does not worked..
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
Hell Yeah!!! :) Great Vinnie!
So thanks :))
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!!!!! :)