Give help. Get help.

  • # April 6, 2013 at 10:18 am

    I’m working on this site:

    and trying to keep the parent page “Projects” highlighted in the main nav while on the individual posts in that category.

    The “current_page_parent” works for sub-pages (as on the Services page) but apparently not with posts.

    Anyone know how to do this?

    # April 6, 2013 at 11:53 am

    There are a couple of ways…the simplest way is to give each page (or ID) a separate class and each link an individual class too.

    Then you could do something like

    .page-1 .home {

    .page-2 .about {


    # April 6, 2013 at 12:20 pm

    Do you have a link?

    # April 6, 2013 at 2:17 pm

    Link is all the way at the beginning of the thread @paulie_d ;)

    Since WordPress already added classes to the body, you can use those to style the Project menu item. Change line 105 in your CSS:

    .topmenu li a:hover, .topmenu li.current_page_item a, .topmenu li.current_page_parent a {

    To this:

    .topmenu li a:hover, .topmenu li.current_page_item a, .topmenu li.current_page_parent a,
    body.postid-201 .topmenu li a,
    body.postid-194 .topmenu li a,
    body.postid-180 .topmenu li a,
    body.postid-174 .topmenu li a,
    body.postid-165 .topmenu li a,
    body.postid-119 .topmenu li a {

    You could also make a separate page template for the individual project pages, and put a specific class in there somewhere, but what I wrote here above is probably the quickest solution for now.

    # April 6, 2013 at 2:32 pm

    edit// nevermind, sorry

    # April 6, 2013 at 2:55 pm

    You’re right, I missed that. This should be the proper code:

    .topmenu li a:hover, .topmenu li.current_page_item a, .topmenu li.current_page_parent a,
    body.postid-201 .topmenu a,
    body.postid-194 .topmenu a,
    body.postid-180 .topmenu a,
    body.postid-174 .topmenu a,
    body.postid-165 .topmenu a,
    body.postid-119 .topmenu a {

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.