Grey border around products with X-theme and Woocommerce

[pascalg22]

Hello out there!

I would like to remove these grey borders around my products. (only on Cornerstone based pages)
Please help!

That one used to work but now no more.
.woocommerce div.product .images .x-img-thumbnail,
.woocommerce-page div.product .images .x-img-thumbnail,
.woocommerce li.product .entry-featured,
.woocommerce-page li.product .entry-featured {
border: none;
padding: 0;
}

Thank you!!!

[tristup]

Hi Pascal,

Can you please share the URL where you are having this problem?

Thanks

[tristup]

Hi Pascal,

Unfortunately, there is nothing found in the given URL compared to the given screenshot. Can you please recheck and reshare the URL?

Thanks

[pascalg22]

sorry! please try again.

[pascalg22]

…all products are at the bottom of page - …on Woocommerce pages there are no grey borders, only on Cornerstone pages with products. Thanks!

[tristup]

Hi Pascal,

You need to remove the woocommerce selector from the custom CSS code as you are using it in the custom page. Your code will look like the following.

li.product .entry-featured 
{
    border: none;
    padding: 0;
}

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail One, where we answer the questions beyond normal theme support.

Thanks

[pascalg22]

Hello Tristup!

It works perfectly well!!!

Thank you very much!!!

[tristup]

Hi Pascal,

Glad that we are able to help you.

Thanks