Need help? Check out our Support site, then


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

  1. 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.

  2. 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.

  3. excellent, thank you!

  4. You're welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic