title: Change UL LI bullet points only in text - Wordpress - CSS
body: <p>I wanted to change the style of the bullet points in text on posts and pages, so I've done that with the following CSS style: </p>
  
  <pre><code>/* Remove the old bullet points */
  ul li { 
    list-style: none;
  }
  /* Now replace with the new one */
  ul li::before {
    color: red;  
    content: "\2022"; 
    font-size: 1.4em; 
    padding-right: 0.5em; 
    position: relative;
    top: 0em; 
  }
  </code></pre>
  
  <p>This works, but now it went totally crazy and added the bullet point in front of every <code>ul li</code> tag on the page.</p>
  
  <p>I know that I can exclude id's and classes from this like <code>ul:not(.class) li:not(.class)::before</code></p>
  
  <p>but my list exclusion is now growing and I'm most likely going to miss somewhere anyway.</p>
  
  <p>So is there a different way of doing this?</p>
  
  <p>I know that I could manually add the class to the <code>ul li</code> tags where I want the new bullets, but I'm trying to avoid doing this manually.</p>
  
  <p>I basically want to change the default bullet style, but only for the bullets that are in content on posts and pages.</p>
  
  <p>Is there another way to do this?</p>