Removing highlight from subpages when parent page selected. Wordpress

krispol · 10-05-2012, 04:15 PM

Hei

I have been looking around, but haven't found any solution to my problem that wold actually work.

Maybe some of you may know the answer.

I have a menu with a submenu on my wordpress webpage, my problem is that when I click on the page then all the subpages in the menu are also highlighted. How can I remove that? (So only the parent page would be highlighted until I click on one of the submenus)

Here it is: http://lintech.fi/

Rowsdower! · 10-05-2012, 04:30 PM

Quote:

Originally Posted by krispol

Hei

I have been looking around, but haven't found any solution to my problem that wold actually work.

Maybe some of you may know the answer.

I have a menu with a submenu on my wordpress webpage, my problem is that when I click on the page then all the subpages in the menu are also highlighted. How can I remove that? (So only the parent page would be highlighted until I click on one of the submenus)

Here it is: http://lintech.fi/

Go to your stylesheet here:
http://lintech.fi/wordpress/wp-content/themes/amdhas/style.css

...and comment out this line (line 1,995):

Code:

#navmenu li.current_page_item a,  

#navmenu li.current-menu-item a,
#navmenu2 li.current_page_item a,  

#navmenu2 li.current-menu-item a {

	color: #000;

}

That should sort it out...

krispol · 10-05-2012, 04:36 PM

Quote:

Originally Posted by Rowsdower!

Go to your stylesheet here:
http://lintech.fi/wordpress/wp-content/themes/amdhas/style.css

...and comment out this line (line 1,995):

Code:

#navmenu li.current_page_item a,  

#navmenu li.current-menu-item a,
#navmenu2 li.current_page_item a,  

#navmenu2 li.current-menu-item a {

	color: #000;

}

That should sort it out...

Thanks for the quick reply!

Did it, it indeed removes the highlight, but now there is no highlight at all. If I select one of the main pages the subpages are not highlighted which is what I wanted but the main page itself now unfortunately is also not highlighted

Rowsdower! · 10-05-2012, 05:07 PM

Oops! Sorry about that. Instead of commenting out the line just make these changes:

Code:

#navmenu li.current_page_item>a,  

#navmenu li.current-menu-item>a,
#navmenu2 li.current_page_item>a,  

#navmenu2 li.current-menu-item>a {

	color: #000;

}

That makes it apply only to anchor tags that are the IMMEDIATE child of the "current" <li> element.

krispol · 10-05-2012, 05:12 PM

Quote:

Originally Posted by Rowsdower!

Oops! Sorry about that. Instead of commenting out the line just make these changes:

Code:

#navmenu li.current_page_item>a,  

#navmenu li.current-menu-item>a,
#navmenu2 li.current_page_item>a,  

#navmenu2 li.current-menu-item>a {

	color: #000;

}

That makes it apply only to anchor tags that are the IMMEDIATE child of the "current" <li> element.

Got it! Thank you!!