Remove menu current item
-
Mod
Moved to Support. Please post in the correct section next time.
Mod
This is best accomplished in a child theme.
You will need to search through the style.css file, find any menu elements with
current
in their name, and restyle them appropriately.How familiar are you with CSS?
I installed a child theme. In this, I found current item (with firebug) and modified but it don’t work.
Do you want the website address for looking ?
/* Top level header menu, hover and current state */
#header-menu > li:hover,
#header-menu > li.current-menu-item,
#header-menu > li.current-menu-ancestor {
background: url(images/sprite_h.png) left -300px repeat-x #eee;
}
#header-menu > li:hover > a,
#header-menu > li.current-menu-item > a,
#header-menu > li.current-menu-ancestor > a {
color: #000;
}
#header-menu > li:hover > a > span,
#header-menu > li.current-menu-item > a > span,
#header-menu > li.current-menu-ancestor > a > span {
color: #484848;
}
#header-menu > li.menu-item-ancestor:hover > a,
#header-menu > li.current-menu-item > a,
#header-menu > li.current-menu-ancestor > a {
background-position: -877px -192px;
}Mod
Quote:modified but it don’t work.Be sure to refresh your browser cache and your server cache, if you are using one.
Quote:Do you want the website address for looking ?This is always a good idea in any forum, and often part of the forum rules, as it is here. But you have included it in your profile, so we can see it just fine.
Try this:
#header-menu > li:hover, #header-menu >
li.current-menu-item, #header-menu > li.current-menu-ancestor
{
background: none;
border: 2px solid #FFFFFF;
}
#header-menu > li:hover > a, #header-menu > li.current-menu-item >
a, #header-menu > li.current-menu-ancestor > a
{
color: #FFFFFF;
}It works in Firebug; YMMV.
/* Current menu background */
#header-menu .current-menu-item {
background: #0582D2;
}
/* Current menu font */
#header-menu .current-menu-item a {
color: #FFF;
}if this doesn’t work, add !important in the property.
background: #0582D2 !important;
also, your header image is almost half a megabyte.
Quote:/* Current menu background */#header-menu .current-menu-item {
background: #0582D2;
}
/* Current menu font */
#header-menu .current-menu-item a {
color: #FFF;
}
if this doesn’t work, add !important in the property.
background: #0582D2 !important;
I have not “Current menu background” in style css…
Quote:also, your header image is almost half a megabyte.I changed and the header image is 180Ko now ^^
Quote:I have not “Current menu background” in style css…
?
just try to add this in your child theme style.css or graphene custom css
#header-menu .current-menu-item {
background: #0582D2 !important;
}
#header-menu .current-menu-item a {
color: #FFF !important;
}
Viewing 10 posts - 1 through 10 (of 11 total)
- 1
- 2
- You must be logged in to reply to this topic.