[Support request] Remove bullet points from Woocommerce shop page

[Kecia]

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?

[Ying]

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;
}

[Author]

Posts