change bullets from stars to solid circles

  • Author
    Posts
  • #679505

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

    #679676

    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.

    #679678

    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.

    #679680

    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.

    #679685

    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.

    #680014

    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…

    #680015

    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;
    }
    #680016

    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

    #680017

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

    #680018

    dtollen
    Member

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

    /David

    #680019

    You are welcome.

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