Removing "bullets" from unordered list <ul>

css, html, html-lists

Solution

ul.menu li a:before, ul.menu li .item:before, ul.menu li .separator:before {
  content: "\2022";
  font-family: FontAwesome;
  margin-right: 10px;
  display: inline;
  vertical-align: middle;
  font-size: 1.6em;
  font-weight: normal;
}

Is present in your site's CSS, looks like it's coming from a compiled CSS file from within your application. Perhaps from a plugin. Changing the name of the "menu" class you are using should resolve the issue.

Visual for you - https://i.stack.imgur.com/4qvax.png

Problem

I have set this: ``` list-style: none outside none; ``` And HTML: ``` <ul class="menu custompozition4"> <li class="item-507"><a href=#">Strategic Recruitment Solutions</a> </li> <li class="item-508"><a href="#">Executive Recruitment</a> </li> <li class="item-509"><a href="#">Leadership Development</a> </li> <li class="item-510"><a href="#">Executive Capability Review</a> </li> <li class="item-511"><a href="#">Board and Executive Coaching</a> </li> <li class="item-512"><a href="#">Cross Cultutral Coaching</a> </li> <li class="item-513"><a href="#">Team Enhancement &amp; Coaching</a> </li> <li class="item-514"><a href="#">Personnel Re-deployment</a> </li> </ul> ``` but even though bullets are displayed. (I'm not quite sure that those are ul's bullets, because when you hover the text the "bullets" get underlined.) Image Demo: https://i.stack.imgur.com/FfkKZ.png The third level from the menu

Original source

Related problems