title: Remove Bullets From Main Menu In Wordpress
body: <p>I am not a web developer so please bear with me on that.</p>
  <p>I have a website (WordPress) that I'm trying to make a small update to before getting professional assistance.  I have updated this page <a href="https://www.trustserve.net/legal-privacy/" rel="nofollow noreferrer">https://www.trustserve.net/legal-privacy/</a> which you will see has bullets and numbers.  Originally when I input this text the bullets and numbers were appearing black.  I updated the CSS code which I will include below that fixed that issue.  The problem however is that my main menu at the top of each page now has a bullet next to it as well.</p>
  <p>Main Menu:</p>
  <p><a href="https://i.stack.imgur.com/dK8wZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dK8wZ.png" alt="enter image description here" /></a></p>
  <p>I have seen numerous posts regarding bullets and WordPress sites but I can't connect the dots (no pun intended!) between those posts and my issue specifically.</p>
  <p>I assume I need to add some HTML for the Main Menu specifically to remove the bullets but I don't know how to do that and this is what I need help with.  Any assistance that will help me remove bullets in my main menu without impacting the bullets on the other page is greatly appreciated.</p>
  <p>My CSS updates are as follows:</p>
  <pre><code>ol {color: white } 
  
  ol li::before {
      color: white;  
  }
  
  ul { list-style: none;} /* Remove default bullets */
  
  ul li::before {
      content: &quot;\2023&quot;; /* Unicode bullet symbol */
      color: white;  /* Bullet color */
      padding-right: 10px;
  }
  </code></pre>