How do I remove the border around woocomerce product?

[hiip]

Hi,

There’s a border around woocommerce products on the shop page that I would like to remove. How can I do that?

Thanks

[Prasant]

Hello @hoangdang,

Thanks for writing in!

Please add following CSS under X/Pro > Theme Options > CSS:

.has-post-thumbnail .entry-featured {
    border: 0 !important;
    box-shadow: none !important;
}

.woocommerce li.product {box-shadow: none !important;}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[Prasant]

Hello @hoangdang,

Have you added additional information in this ticket as it’s showing up in unresolved list of tickets? I tried looking but unable to figure out the information that’s added into the ticket.

Thanks.