Return to Support

Styling Question for Custom Menu Widget in Sidebar

Home Forums Graphene WordPress theme Support Styling Question for Custom Menu Widget in Sidebar

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2550

    Hello,

    I am using the custom menu widget to display menus in the sidebar. Using the plugin Widget Logic I am able to display page specific menus on the sidebar (ie. the paintings sidebar menu only shows when I’m on the paintings page).

    This is all working great but the problem I’m running into now is that I need to add a “current page” state to the CSS for the links in the menu and I can’t figure out where to do that. I’ve gone through the style.css code quite a bit and the only thing that seemed to make any change whatsoever was when I altered the code under “non-classed” but still I wasn’t able to create the state I need.

    I’d like to make the link of the text change color when you are on it’s page.

    Any ideas?

    Thanks!!!

    URL:

    http://www.tkogfx.com/boccia_dev/paintings

    #20830
    Josh
    Member

    Add this to your child theme CSS:

    #header-menu > li.menu-item-ancestor:hover > a, #header-menu > li.current-menu-item > a, #header-menu > li.current-menu-ancestor > a {
    color: #FFFFFF;
    }

    You can change the hex color to whatever you like.

    #20831

    Hey Josh,

    Thanks so much for you help again 🙂

    I have one more question about this solution though.

    Unfortunately, I learned about child themes after I started this site so I am not using one here.

    So my question is can I put this code in the graphene style.css and if so where would it go?

    Thanks so much!!

    #20832
    Josh
    Member

    Hello,

    You can also add it to your custom css box in the graphene options menu; appearance -> graphene options -> dispay tab -> custom css

    #20833

    That’s awesome to know!

    I did that and it looks like it’s actually only applying that to the top menu and not the links on the custom menu widget menu in the sidebar of the paintings page.

    I can’t figure out where those get styled…. :/

    #20834

    Nevermind. I found it.

    It looks like an id is automatically created for each custom menu. So i just changed it to that and it worked like a charm.

    Thanks so much for your help Josh!

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

You must be logged in to reply to this topic.