Style the menu to show current page

  • Resolved pbwpwork

    (@pbwpwork)


    5 years, 2 months ago

    Would like to show users where they are in the site by highlighting the page name in the menu bar. Looking in the CSS I see that there is an element called:

    li.current_page_item

    I have tried to style that with no luck.

    Anyone know a fool-proof way that works with this template? I’m fine with the style coding, just not able to pick the right element.

    Thanks

    • This topic was modified 5 years, 2 months ago by pbwpwork.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter pbwpwork

    (@pbwpwork)

    This works:

    #site-navigation > div > ul > li.current_page_item {
	  background:#999;
    color:#000;
}

    But if anyone has a better way, please let me know

    Hi, can you let me know exactly where to put this code, please? I’m not a dev, so I don’t really fool around with CSS, etc., but if this is an easy fix, I’d love to add it to my site. Thank you.

    Theme Author GoDaddy

    (@godaddy)

    Hey @lh514,

    You would place the CSS code snippet into the “Additional CSS” panel within the Customizer.

    Thanks, @godaddy — it works! (Though I’d prefer a lighter shade of gray. Other numbers besides 999 just made it black.)

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Style the menu to show current page’ is closed to new replies.