Using CSS to remove bullets

  • Resolved jt70

    (@jt70)


    11 years, 1 month ago

    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)
  • Thread Starter jt70

    (@jt70)

    11 years, 1 month ago

    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

    Samedi S. Amba

    (@skyoyugi)

    11 years ago

    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 ‘Using CSS to remove bullets’ is closed to new replies.