change bullets from stars to solid circles

  • Unknown's avatar
    dtollen · Member ·

    Hello. Does anyone know how to change bullet points from stars (the default for my Theme, Vigilance) to solid circles?

    Thanks.

    /David

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

  • Unknown's avatar
    raincoaster · Member ·

    If you have the upgrade, it’s easy: find the circles in your code, upload the stars you want instead, and swap the image URLs.

  • Unknown's avatar
    dtollen · Member ·

    Thank you, but I’m afraid I don’t have the coding experience to know what you mean. (I just got the upgrade today.) Also, it’s actually the reverse: I want to get rid of the stars and replace them with circles.

    Where in the code do I look, and how do I recognize the stars there? (I assume they won’t look like stars.) And from where do I upload the replacement bullets (the circles)?

    I’m hoping to do this a single time for the entire blog, so that solid circles become the new default bullet. Is that possible?

    Thanks again.

  • Unknown's avatar
    raincoaster · Member ·

    I’m afraid the CSS upgrade is not recommended for those without CSS experience. Yes, you do it only once for the entire blog; that’s how CSS works.

    You can look through the references at the top of the CSS forums to learn how to parse code. I, personally, never wanted to learn it so I haven’t bothered; I just know what’s possible and what’s not.

  • Unknown's avatar
    thesacredpath · Member ·

    Here is the URL of the star that is used, http://s1.wp.com/wp-content/themes/pub/vigilance/images/list-star.gif , and here is where it is in the CSS.

    .entry ul li, .c-body ul li {
background: url("images/list-star.gif") no-repeat scroll 0 0.3em transparent;
}

    Create your image, upload it to the media library and then were it says, images/list-star.gif between the double quotes, put the full URL of your image starting with http:// .

    that is the easiest way to do it. I tried reverting things back to the standard bullet and things sort of blew up so it would take me a while to figure it out. The original image is 12px square, so just make yours the same, and I suggest doing it with a transparent background and saving as a PNG. That way if you happen to change the color of the content area at some point it will not have a white square around it.

  • Unknown's avatar
    dtollen · Member ·

    Everyone, I’m following up on this thread. What I’m trying to do is replace the stars used in my theme with simple, typical bullets, like the ones you’d find in MS word–or in several WordPress themes (but not mine). In other words, I just want little black circles for my bullets. I don’t have coding experience, and I’m not sure I entirely followed what thesacredpath suggested above. Where can I get those simple black circles, and how do I put them into my posts?

    Thanks, and sorry for lack of technical expertise…

  • Unknown's avatar
    thesacredpath · Member ·

    Give the following a try and see what you think.

    .entry ul li, .c-body ul li {
background: none;
display: list-item;
list-style: disc outside none;
margin: 5px 0 0 10px;
padding: 0 0 0 5px;
}
  • Unknown's avatar
    dtollen · Member ·

    Thank you, thesacredpath! That’s html code, right? Where do I put it? Do I create bullet points first and then input that code? I’ve tried to figure it out by trial and error, but I’m not figuring it out.

    Regards,

    /David

  • Unknown's avatar
    thesacredpath · Member ·

    No, that is CSS and it has to be added to the CSS edit page. You posted to the CSS forum, do you have the Custom Design upgrade (used to be the CSS upgrade)?

  • Unknown's avatar
    dtollen · Member ·

    Ah. Perfect. Works like a charm. Thank you very much.

    /David

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘change bullets from stars to solid circles’ is closed to new replies.