Change icon in a list

  • Posted in : Read WP
  • Anonymous
    Inactive

    Hi,

    Thanks for replying so fast on my last question!

    In my sidebar I use the Recent Posts widget. It uses a ‘pushpin’ icon in the list. How can I change that icon into a simple black bullet?

    ahmetsali
    Keymaster

    Hi, try this custom css code;

    .widget_recent_entries ul {
        list-style: disc;
        list-style-position: inside;
    }
    .widget_recent_entries ul li {
        padding-left: 2px;
    }
    .widget_recent_entries ul li:before {
        display: none;
    }
    
    Anonymous
    Inactive

    I see no difference, still the push pins

    ahmetsali
    Keymaster

    it should be working, can you provide your url?

    Anonymous
    Inactive
    ahmetsali
    Keymaster

    i just checked your site, you have an unclosed bracket just before the code i gave you in your custom css.

    h1.site-title { text-align: left;
    

    close this line with a bracket;

    h1.site-title { text-align: left; }
    
    Anonymous
    Inactive

    So stupid. Thanks again!

    Anonymous
    Inactive

    The bullets are fine, but now the two sentences of a long header don’t align anymore. They did with the push pins. See the home page of http://www.forskirtaddictsonly.com.

    ahmetsali
    Keymaster

    here is the updated code;

    .widget_recent_entries ul {
        list-style: disc;
        list-style-position: outside;
        margin-left: 20px;
    }
    .widget_recent_entries ul li {
        padding-left: 2px;
    }
    .widget_recent_entries ul li:before {
        display: none;
    }
    
    Anonymous
    Inactive

    Exactly as I wanted to have it.
    Thanks again guys. Very thankful for your fast support.

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register