Dots above products

Hi @ashley_c

It seems like the dots we see above the products are bullet points. This is usually a result of the CSS styling for lists being applied to your product display.

To remove that, from your WordPress dashboard, navigate to Appearance > Customize > Additional CSS. Paste the code below:

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

You can adjust the margin and padding as needed.

I hope this helps! If you have any other questions or need further assistance, please don’t hesitate to ask.

That did not work. I have asked the developer of the theme.

Hi @ashley_c,

That did not work. I have asked the developer of the theme.

I’m sorry to hear that the previous CSS code didn’t resolve the issue. It’s good that you’ve reached out to your theme developer, as they might have more insights into what might be causing this.

While you wait for their response, you could try an alternative CSS code. This code targets the list items within the content of your posts and pages, which might be where the dots are coming from.

Please navigate to your WordPress dashboard, then to Appearance > Customize > Additional CSS. Paste the following code:

.entry-content ul li {
  list-style-type: none;
}

This should remove the list item markers. If this doesn’t work, it could mean that the dots are not list item markers but something else, and we will need to investigate further.

Image Link: https://s5.gifyu.com/images/SRiXZ.gif

Give this a shot and let me know if it solves the issue. If you’re still having trouble, don’t hesitate to reach out. I’m here to help!