Archived topic

Remove bullet points from Woocommerce shop page

1 reply · Started by Kecia on April 23, 2022

Viewing posts 1–2 of 2

April 23, 2022 at 4:29 pm #2198174

I am using GeneratePress for a blog that has a Woocommerce shop: https://letslearnprintables.com/shop/

I have styled the bullet points how I would like them on my blog posts (green checkmark). That same green checkmark is showing up just above each of my shop's product images on the main shop page. I want to remove them there.

For reference, I used this CSS to get the bullet points for my blog posts how I want them:

.entry-content ul {
    list-style: none;
}
.entry-content  ul li:before {
    content: '✓';
    color: #79CB41;
	  font-weight: bold;
}

Is there other CSS I can use to remove the checkmarks from above the product images in the shop?

April 23, 2022 at 7:23 pm #2198215

Hi Kecia,

You can change this CSS

.entry-content  ul li:before {
    content: '✓';
    color: #79CB41;
	  font-weight: bold;
}

to this:

body:not(.woocommerce) .entry-content  ul li:before {
    content: '✓';
    color: #79CB41;
    font-weight: bold;
}

This archived topic is closed to new replies.

Start building better websites today.