Extra bullet points appearing in list

  • I am using the plugin i2 pros and cons along with classic editor.

    In addition to the bullet points or symbols from the plugin, the default wordpress bullet points are appearing as well.

    Can someone please let me know how to eliminate those bullets?

    I will need to disappear these bullets from all articles on my site so i need a permanent solution.

    imgur image link attached.

    I have already tried adding to css:

    ul {
    list-style-type: none;
    }

    it didnt work

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Stef

    (@serafinnyc)

    You need to add an !important declaration to override any default style. However, list style is usually not on a UL it will be on an LI

    
ul {
list-style-type: none !important;
}

li {
 list-style-type: none !important;
}
    • This reply was modified 5 years, 9 months ago by Stef.
    Thread Starter gossipxyz

    (@gossipxyz)

    Hi,
    First of all many thanks for the reply.

    I added this code in

    THemes > Customize > Additional CSS

    However it didnt work.

    I am attaching the screenshot below:

    https://prnt.sc/nz7se1

    Stef

    (@serafinnyc)

    Did you clear cache before you refreshed the page?

    Do you have any cache plugins enabled?

    Better to have a url then screenshots as there could be a unique selector to this.

    Thread Starter gossipxyz

    (@gossipxyz)

    Hi,
    Thanks for getting back to me. My wife actually found a solution to the same. Can you please let me know if it is proper. It looks completely fine with bullets not appearing now. She basically through reverse engineering found the bullet element and kind of nullified it. Can you pls let me know if its fine.

    before code( with red bullet)
    .page-content ul li:before, .entry-content ul li:before {
    font-family: “genericons”;
    content: ‘\f428’;
    font-size: 20px;
    margin: 0 0 0 -4px;
    padding: 0 4px 2px 0;
    vertical-align: middle;
    text-align: left;
    }
    ——-
    After ( without red bullet) code
    .page-content ul li:before, .entry-content ul li:before {
    font-family: “genericons”;
    content: ”;
    font-size: 20px;
    margin: 0 0 0 -4px;
    padding: 0 4px 2px 0;
    vertical-align: middle;
    text-align: left;
    }

    She basically nulled the bullet content and input the code in additional css. Is that technically fine? Its working and now bullets are not appearing.

    No cache plugins are installed. yes cleared cache and visited in incognito.

    My query is just that optically we have found a solution, is it technically sound as well. Please let me know. If yes, we can put this matter to rest.

    Thanks in advance.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Extra bullet points appearing in list’ is closed to new replies.