How to remove bullet points from Woocommerce products widget

To be accurate i have the recently viewed items widget right now, but same thing happens with woocommerce products too

hello,

It looks like a theme (or plugin) dominant css rule define for <ul> html tag. Normally woocommerce doesn’t display bullet points in that case.
The best way to find where is this problem come from, is to use the developer tools included in most browsers. Like this you will find which css rule is overlapping woocommerce css rules.

regards

thanks for the help, i have added in my custom css in every possible class the following code: list-style-type: none;
sadly those bullet points still appear. Notice they are in front if the first letter, any ideas?

Have you tried : list-style-type: none !important;
If this don’t work, could you provide a link to the page, to have a real look?

L..

i have tried it, but still it doesn’t work. My website is not uploaded to a host yet, i work offline at the moment so i cannot give you a link

Here is a print screen of the problem: https://imgur.com/sgt9cGH if you haven’t seen it yet

I have seen your screen capture in your first post… I can’t help more. Have you tried yet, to activate / inactivate plugins (one by one) and may be try to change theme for better target your problem source.

ok i added this css code to leave some space between the bullet point and the product title since i haven’t found a solution to remove the bullet points completely.

.product-title{
padding-left:10px !important;

}

I had a similar problem and I tried everything until I noticed that bullets were actually coming from a :before pseudoselector. All I had to do was add the following css

.context li:before {
  content: '';
}

• This reply was modified 8 years, 4 months ago by olleicua.

Hello, could someone assist me? I too am looking to remove bullet point. I have tried several codes.