Problem with bullet point styling

Hi there,

Edit your CSS to this:

.entry-content ul li:not(.wc-block-grid__product) {
    list-style: none;
    position: relative;
}

.entry-content ul li:not(.wc-block-grid__product):before {
    content: "\2713";
    position: absolute;
    top: -5px;
    left: -1.4em;
    color: #1dd19b;
    font-size: 22px;
}

Thank you Leo! It worked but now I still see the checkmarks on my order checkout page.
Please check the screenshot: https://ibb.co/XD6gbdj

I would like to exclude this page from showing the bullets/crosscheck.

Thank you for your guidance.

Hi there,

try this:

body:not(.woocommerce-order-received) .entry-content ul li:not(.wc-block-grid__product) {
    list-style: none;
    position: relative;
}

body:not(.woocommerce-order-received) .entry-content ul li:not(.wc-block-grid__product):before {
    content: "\2713";
    position: absolute;
    top: -5px;
    left: -1.4em;
    color: #1dd19b;
    font-size: 22px;
}

Thanks a lot David. Im sorry to bother you but I also want to get rid of them on my check out page here:
https://ibb.co/jDq1T8S

Thank you for your help.

I also have this issue with Wordpress gallery and everything that has bullets that I m using:
Please take a loook at my homepage, where I inserted a classic wordpress image block in gutenberg:

https://ibb.co/zZf4Cy0

It may be simpler to add a custom class to the List block.
In the Block Editor - select the List Block and on Settings (Sidebar) > Advanced --> Additional CSS Class add tick-list

then use this CSS:

ul.tick-list li {
    list-style: none;
    position: relative;
}
ul.tick-list li:before {
    content: “\2713”;
    position: absolute;
    top: -5px;
    left: -1.4em;
    color: #1dd19b;
    font-size: 22px;
}

Thank you very much David. I have done it as show on this picture but the check mark arent showing.

Sorry for the trouble.

PS: Can you delete this message later or remove the URL link please?

Hmmmm - the CSS class is not appearing on the UL element.
Could try this CSS instead:

.single-product .entry-content ul li:not([class*="block"]),
.single-post .entry-content ul li:not([class*="block"]) {
    list-style: none;
    position: relative;
}

.single-product .entry-content ul li:not([class*="block"]):before,
.single-post .entry-content ul li:not([class*="block"]):before {
    content: "\2713";
    position: absolute;
    top: -5px;
    left: -1.4em;
    color: #1dd19b;
    font-size: 22px;
}

This should apply to only the single product and the single posts.

It worked! Thank you so much for your tenacity and great support David.
After check unfortunately I still have an issue. Pls see my mess below.

Sorry David, Again inside my blog articles I have some check mark showing on the products.

PS: Can you delete this message later or remove the URL link please?

Made some edits to the code here

Dear David. Thank you so much!!! It's all perfect and working. I really appreciate your help.

Glad we could be of help