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

    I’m trying to remove the border and background as well as change the text color/font on the active menu item in the sidebar, but am having issues. I searched for other topics and there didn’t look to be any info related to this. If someone could let me know what CSS to edit in order to make these changes, it would be great. Thanks!

    #844218

    Hey NicomIT,

    Can you post a link to your site? so we can have a closer look?

    Best regards,
    Nikko

    #844818

    Sure. A link to a sub-page with the active menu item highlighted (Procurement Practices) is below. I was able to remove the background color on the link in the theme preferences. But I still need to remove the border around the text and change the font/size/weight/color, etc. Thanks!

    #844923

    Hi,

    Try to use this css code:

    #top .sidebar .widget.widget_nav_menu ul.nested_nav {
        border: none !important;
        background: transparent;
    }
    
    #top .widget_nav_menu li {
        box-shadow: none !important;
    }
    
    #top .widget_nav_menu li a {
        color: blue;
    }
    
    #top .widget_nav_menu li.current_page_item a {
        color: green;
        font-family: 'Open Sans', Arial, sans-serif;
        font-weight: normal;
    }

    Just change blue to any color you want (this is for all the sidebar menu items) and change green and font-family (for active menu item). Hope this helps :)

    Best regards,
    Nikko

    #844971

    Awesome! Thanks Nikko. That worked perfect.

    #845010

    Hi! We’re glad that Nikko was able to help you! We’ll close this topic now. For any other questions or issues, feel free to post them here on the forum and we will do our best to assist you.

    Thank you for using Enfold.
    Cheers!
    Sarah

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Sidebar Active Menu Item Style’ is closed to new replies.