How to get rid of strange arrow bullets, replace with normal round, block bullet

• 

  troutman2014 · Member · Jul 8, 2015 at 8:20 pm

  • Copy link
  • Add topic to favorites

  I’m trying to have standard black circle bullet points on my postings, instead of these grayish arrows. I’ve found what appears to be the only controlling code in the entire theme, it’s in style.css:

  .format_text ul li { padding: 0 0 0 14px; background: url(‘images/bullet_text.gif’) 0 0.38462em no-repeat; }

  But I’ll throw in all kinds of standard bullet point instruction code at it and the most I can do is kill the arrow, but no replacement appears.

  I’m stuck.

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

• 

  staff-happychia · Staff · Jul 9, 2015 at 9:45 am

  • Copy link

  Those arrows are background images set on the list items coming from the following style:

  .format_text ul li {
    padding: 0 0 0 14px;
    background: url('images/bullet_text.gif') 0 0.38462em no-repeat;
  }

  To get bullets:
  Remove the background property in the above rule.
  Change none to disc in the below rule:

  .format_text ul {
    list-style: none;
    margin: 0 0 1.53846em 0;
  }

  You might want to adjust the margins so the bullets will be little closer to your text.

  By the way, yours is a self-hosted site. So please post your further questions here: https://wordpress.org/support/forum/themes-and-templates

  This forum is really to help users hosted on WordPress.com.

  In case you aren’t aware, here is the difference between WordPress.com and WordPress.org: https://en.support.wordpress.com/com-vs-org/