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

  • Author
    Posts
  • #497927

    jtrolio
    Member

    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 thejenandjasonshow.com.

    #498042

    jtrolio
    Member
    #498066

    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.

    #498074

    jtrolio
    Member

    excellent, thank you!

    #498075

    You’re welcome.

The topic ‘how do i highlight the current page in the menu/top nav?’ is closed to new replies.