li.menu-item border

• 

  nich0lasmoore · Member · Oct 22, 2014 at 4:43 pm

  • Copy link
  • Add topic to favorites

  Greetings,

  I am attempting to remove the lines under my custom menu located on the left hand side of my website. The line’s under the subject header is fine. However I would like to remove the lines between each link. It appears the element is “li.menu-item”.

  Thanks for your help.

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Oct 22, 2014 at 9:09 pm

  • Copy link

  To remove all the lines between all the menu items on the left in the Academica theme, add this to your Appearance > Customize > CSS editor:

  .widget ul.menu,
  .widget ul.menu li {
    border: 0;
  }

  Here’s how I used the browser tools built in to Firefox to find what CSS selectors to use:
  https://cloudup.com/c8oXpJElEW5

  You might also like:
  http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/