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 {
     text-align: left;
     margin: 0px 0px 3px 0px;
     padding: 0px 0px 0px 0px;
     list-style-type: none;
    .Alpha_List_Side ul {
     list-style-type: none;
    .Alpha_List_Side a:link {
    .Alpha_List_Side a:visited {
    .Alpha_List_Side a:hover {

    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?


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.