WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Using CSS to remove bullets

[Resolved] Using CSS to remove bullets

  • I’ve been trying to get rid of bullets in specific lists through CSS. I can create a style and get it to partially work. For example, I can make the a:hover a:link work as intended. What I can’t figure out how to do is remove the bullets.

    Here’s the CSS I use.

    .Alpha_List_Side li {
     font-size:10pt;
     text-align: left;
     margin: 0px 0px 3px 0px;
     padding: 0px 0px 0px 0px;
     color:#585858;
     list-style-type: none;
     text-indent:-10px;
    }
    
    .Alpha_List_Side ul {
     list-style-type: none;
    }
    
    .Alpha_List_Side a:link {
     color:#585858;
    }
    
    .Alpha_List_Side a:visited {
     color:#0a4a0a;
    }
    
    .Alpha_List_Side a:hover {
     color:#0f1269;
    }

    My shortcode includes: title_tag=span title_class=Alpha_List_Side

    I’ve tried it without the _tag and with div instead of span. I can get the colors on the links right, but not the removal of the bullet.

    I think I’ve got the CSS right. When I put shortcode list inside of a div with the above class, it works, but it changes all the lists inside the comments as well.

    Anyone have any ideas on what I am doing wrong?

    http://wordpress.org/extend/plugins/list-category-posts/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Figured it out. Redid something I thought I already did, and it worked this time around. Pesky typos…

    ul.prodexcerpt {
     margin: 0px 0px 0px -20px;
     list-style-type: none;

    used class=prodexcerpt and it worked perfect

    Actually it’s the list-style-type: none; that worked out for you, like it did to me. Glad you found a solution

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Resolved] Using CSS to remove bullets’ is closed to new replies.