Bullet point

  • wt9bind


    Hi There,

    I am wanting to change the colour of the bullet point but can’t find it under:

    Editor –> Style.css, editor-style.css or syle-light.css

    I am sure it is there as I have been able to change most of the colours for other headers etc.. but just not this one.

    Can you please let me know where I can find it so I can change the colour code?



    Syahir Hakim



    By default, the colour of the bullet point follows the colour of the text. To use any other custom bullet points other than what’s included by default in CSS (disc, circle, roman numerals, etc.), one would have to use an image and set that as the default bullet point instead. This is what I did in the theme, so the blue square bullet point you see is actually an image.

    Two ways you can change the colour of the bullet point:

    1. Edit the current bullet image

    2. Revert back to any bullet style included by default

    3. Use your own custom image as the bullet

    Note that for option 2, the colour of the bullet will follow the colour of the text, so in order to change the colour of the bullet, you will have to change the colour of the text.

    Let me know which option you wanna go with and I can help you further.



    Oh Awesome! That’s great news as I was going to create my own bullet.

    I will do that and save the file as the same name as your image.

    Thanks heaps for the reply



    Sorry, I should have asked, where can I find the image file?


    Syahir Hakim


    the image used is actually part of a sprite image. It’s much easier to just save the image using whatever name you wish and then link it using CSS in a child theme



    I am having the same problem of changing the color of the bullet points. They are not following the color of the text…probably because it is an image like you said. But blue doe not go along with the rest of my colors. Please help me change the color. I really love the theme. I’ve switched between quite a few themes getting my website up & running and really like all of the options yours has. However, the dang bullet points are driving me crazy. I am not super smart at this whole thing, so please explain how to change it in simple terms. THANK YOU!!


    Syahir Hakim


    Add this in your Custom CSS option:

    .entry-content ul li {
    list-style-image: none;

Viewing 7 posts - 1 through 7 (of 7 total)

  • You must be logged in to reply to this topic.