Underline the menu item on the current page

PhilippeH · 2017-03-19 02:12:51

I followed the tutorial given by Rod to underline the menu item of the current page. On the other hand I do not know how to make the underscore of the current page also in the drop-down menu?

http://phoneographie.com

Philippe

Last edited by PhilippeH (2017-03-19 02:16:12)

rod barbee · 2017-03-19 02:29:45

The script highlights the appropriate submenu items on my test site

PhilippeH · 2017-03-19 02:35:08

Yes Rod, I had noticed that it worked on your sites.
But unfortunately this does not work on my two sites!
So I thought there might be a little trick.

rod barbee · 2017-03-19 02:44:39

Are all your page templates using the same phplugins file?
I don't remember which version of the script I'm using (away from my PC right now). Have you seen Ben's version?
http://community.theturninggate.net/vie … hp?id=7246

PhilippeH · 2017-03-19 02:56:22

I looked at the source code of one of the pages on your site and at first glance it's the same. I use Ben's script!

I use the same phplugins file for all my page templates.

The only difference is that on my sites it is the text that changes color.

rod barbee · 2017-03-19 03:16:11

You may need to use more specific CSS then, something that will catch the submenu items.

PhilippeH · 2017-03-19 03:52:48

Thank you for your reply, but that I think I do not know

rod barbee · 2017-03-19 04:06:25

You'll need to add a CSS rule that will target the sub menus. Apparently it's different than for the main nav menu items.
I'll take a look at it later today or tomorrow once I can get to my PC and use the browser inspector to probe the selectors.

PhilippeH · 2017-03-19 04:40:21

Thank you Rod, it's nice but there is no urgency !

Philippe

Last edited by PhilippeH (2017-03-19 05:44:08)

rod barbee · 2017-03-19 06:59:53

yep, the selector needed to be more specific. Try adding this rule to cover the submenu items:

ul.sub-menu li a.selected {
   color: white !important;
}

if you need the text underlined like you mentioned above, add:
text-decoration: underline; to the above rule.

PhilippeH · 2017-03-19 20:55:14

Thanks Rod, that's what I put and it works great.

ul.sub-menu li a.selected, .selected {
   color: white !important;
}

Philippe

Community @ The Turning Gate

#1 2017-03-19 02:12:51

Underline the menu item on the current page

#2 2017-03-19 02:29:45

Re: Underline the menu item on the current page

#3 2017-03-19 02:35:08

Re: Underline the menu item on the current page

#4 2017-03-19 02:44:39

Re: Underline the menu item on the current page

#5 2017-03-19 02:56:22

Re: Underline the menu item on the current page

#6 2017-03-19 03:16:11

Re: Underline the menu item on the current page

#7 2017-03-19 03:52:48

Re: Underline the menu item on the current page

#8 2017-03-19 04:06:25

Re: Underline the menu item on the current page

#9 2017-03-19 04:40:21

Re: Underline the menu item on the current page

#10 2017-03-19 06:59:53

Re: Underline the menu item on the current page

#11 2017-03-19 20:55:14

Re: Underline the menu item on the current page

Board footer