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


    I am using a left sidebar with the sidebar settings on a custom widget area with a navigation menu. I am having trouble removing the top and bottom borders from the widget. Is there any way to do this? Thanks for your help!


    Hey Kirstie,

    Thanks for the login details, though I can’t see any top and bottom border on any of the widgets you are using. Do you mean the background for the menu widget maybe?

    Best regards,


    Thanks for getting back to me! I am talking about the top and bottom borders on the sidebar menu.


    I have already figured out how to change the background using the following CSS, but when I try to change border-top and border-bottom properties, it doesn’t do anything.

    .main_color .widget_nav_menu ul:first-child>.current-menu-item {
    	background: #ffffff;

    Hi MattJensenMarketing,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    #top .widget_nav_menu li {
      background: #fff;
    .sidebar .widget_nav_menu ul:first-child>.current-menu-item {
      box-shadow: none;

    If you need further assistance please let us know.

    Best regards,


    That worked great! Thank you!



    Glad we could help!

    Please take a moment to review our theme and show your support
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,

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

The topic ‘Remove Border on Custom Widget Menu’ is closed to new replies.