how do i highlight the current page in the menu/top nav?

• 

  jtrolio · Member · Jul 12, 2010 at 1:48 am

  • Copy link
  • Add topic to favorites

  hello! i’m using the sandbox theme with the custom CSS upgrade and am figuring everything out as i go…
  i have hidden my page titles with this:

  .page h2 {
  display:none;
  }

  and now that that’s done, i would like to highlight the current page in the menu/top navigation bar. is this possible? for example, when someone is visiting the “accommodations” page, how can i make it so that the “accommodations” item in the menu/top nav has a different background color/text color?

  i’m a complete beginner, any help is appreciated!

  The blog I need help with is: (visible only to logged in users)

• 

  jtrolio · Member · Jul 12, 2010 at 1:49 am

  • Copy link

  http://thejenandjasonshow.com/

• 

  thesacredpath · Member · Jul 12, 2010 at 4:58 am

  • Copy link

  This takes care of it (although of course you will want to change the color, or perhaps do your own styling such as bold text or a wider or solid border or something like that.

  .current_page_item a {
  background-color:red;
  }

  One note, this might get wonky if you have drop down menus/child pages.

• 

  jtrolio · Member · Jul 12, 2010 at 6:48 am

  • Copy link

  excellent, thank you!

• 

  thesacredpath · Member · Jul 12, 2010 at 6:53 am

  • Copy link

  You’re welcome.