Want to remove submenu dash lines

• 

  annascherman · Member · Dec 9, 2015 at 6:01 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I am using the blask theme and cannot get the dashed lines before each sub-category on my sidebar menu to go away. The CSS I have entered is this:

  .sub-menu li {
  	list-style-type; none;
  }

  …I’m not sure they are added as a “list-style-type” though. Any ideas?

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

• 

  micawbr · Member · Dec 10, 2015 at 1:27 am

  • Copy link

  Hi,
  To identify elements on a page, you can use a browser’s web inspector tool. Here’s the guide for that: https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

  I used the inspector to find this bit of CSS which is adding the dash:

  .main-navigation .sub-menu li a::before, .main-navigation .children li a::before {
      color: #AAA;
      content: "– ";
  }

  To override it, try putting this code in your custom CSS:

  .main-navigation .sub-menu li a::before, .main-navigation .children li a::before {
      content: none;
  }

  If you’re interested in learning more about CSS, here’s a staff post that includes a number of links to helpful resources: https://en.forums.wordpress.com/topic/learning-about-css-1

• 

  annascherman · Member · Dec 10, 2015 at 2:52 pm

  • Copy link

  Thank you! That worked!

  I am familiar with the web inspector tool (and did try to use it in this instance) but I think that code was just a little over my head. I’m going to take a second look at the code you came up with vs the inspector to try to better understand.

  Thanks again!

• 

  annascherman · Member · Dec 10, 2015 at 2:52 pm

  • Copy link

  Thank you! That worked!

  I am familiar with the web inspector tool (and did try to use it in this instance) but I think that code was just a little over my head. I’m going to take a second look at the code you came up with vs the inspector to try to better understand.

  Thanks again!