Tagged: active menu item, sidebar, styling
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!
Hey NicomIT,
Can you post a link to your site? so we can have a closer look?
Best regards,
Nikko
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!
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
Awesome! Thanks Nikko. That worked perfect.
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