1

[Sand]

Sand

#5903

Hi everybody

Sorry for my English ^ ^

I would remove the rectangle that appears when you are on a page (menu item current?). But I would to keep the rectangle for hover.

Here is a picture of what I want :

Thanks ^^

[Kenneth John Odle]

Kenneth John Odle

#32913

Moved to Support. Please post in the correct section next time.

[Sand]

Sand

#32914

Oh sorry. I did not pay attention.

[Kenneth John Odle]

Kenneth John Odle

#32915

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?

[Sand]

Sand

#32916

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;

}

[Kenneth John Odle]

Kenneth John Odle

#32917

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.

[Sand]

Sand

#32919

Work with Firebug but not if I changed the code 🙁

[ronangelo]

ronangelo

#32920

/* 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.

[Sand]

Sand

#32921

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 ^^

[ronangelo]

ronangelo

#32922

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;

}