Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   [SOLVED] Is it possible to keep the PARENT page highlighted in the menu? (http://forum.bytesforall.com/showthread.php?t=4720)

lmilesw Mar 17, 2012 09:34 AM

I would double check your selectors. How about this one?

.current_page_item a

Harald Mar 17, 2012 02:26 PM

Tried to change the selector to your suggestion, but it did not work either. When I did that not even the text changed. So I guess the selector is correct since it at least changes the text. This is the site I am working on. This is one of the child pages http://frontline-leadership.com/wordpress/?page_id=122. I really appreciate all your help.

juggledad Mar 17, 2012 05:00 PM

Try changing
HTML Code:

/* ================================================ */
/* how to highlight parent of current page          */
/* ================================================ */
div#menu1 ul.rMenu li.current_page_parent a:visited {

to
HTML Code:

/* ================================================ */
/* how to highlight parent of current page          */
/* ================================================ */
div#menu1 ul.rMenu li.current_page_parent  {


Harald Mar 17, 2012 05:11 PM

Tried that Juggledad, but again then the white text disappears as well. So it looks like the selector does not work when I do that. The strange thing is that the gradient works for the default stage but not for the current page.

lmilesw Mar 17, 2012 05:28 PM

Without spending a bit of time to narrow this down you could "brute force" the color for the current menu item by using the following and changing the color to what you want for current and hover states.
HTML Code:

div#menu1 ul.rMenu li.current-menu-item a:link, div#menu1 ul.rMenu li.current-menu-item a:active, div#menu1 ul.rMenu li.current-menu-item a:hover, div#menu1 ul.rMenu li.current-menu-item a:visited, div#menu1 ul.rMenu li.current_page_item a:link, div#menu1 ul.rMenu li.current_page_item a:active, div#menu1 ul.rMenu li.current_page_item a:hover, div#menu1 ul.rMenu li.current_page_item a:visited, div#menu1 ul.rMenu li a:hover {
    color: red !important;
}


Harald Mar 17, 2012 05:48 PM

lmilesw it worked so far as that the current page has the right darker gradient background I want in the menu, but not when I am on the child page. Before the background did not work for childpages in the menu, but the text. Now it does not indicate in the menu at all what the prarent is. Any idea?

Harald Mar 17, 2012 06:02 PM

I got it to work. When I added div#menu1 ul.rMenu li.current_page_parent a:visited, to the code you gave me and it worked.


All times are GMT -6. The time now is 05:32 PM.

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.