Need help? Check out our Support site, then


change bullets from stars to solid circles

  1. 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 pintsofhistory.com.

  2. 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.

  3. 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.

  4. 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.

  5. 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.

  6. 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...

  7. 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;
    }
  8. 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

  9. 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)?

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

    /David

  11. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags