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

  1. jt70
    Posted 3 years 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 {
     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?


  2. jt70
    Posted 3 years 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. Samedi Amba
    Posted 3 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

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • List category posts
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.