WordPress.org

Ready to get started?Download WordPress

Forums

List category posts
[resolved] Using CSS to remove bullets (3 posts)

  1. jt70
    Member
    Posted 1 year 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/

  2. jt70
    Member
    Posted 1 year 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

  3. skyoyugi
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.