Tagged: woocommerce
I tried setting the border color to #ffffff (at General Styling > Main Content > Border Colors) but then I lost outlines in other places, such as fields in the checkout etc, and didn’t like how that looked.
Do you have any Quick CSS that I could use that targets ONLY the border color around a product image?
Thanks
Hey petergc,
Thanks for reaching out to us!
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
Jordan
Thanks. See the link below.
The site is a work in progress on our dev site.
See the border around the product photo? That’s what I would like to remove (or change to #ffffff) without affecting borders elsewhere on the site.
Thanks
Hi,
Thanks for getting back to me!
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.template-shop .single-product-main-image .images a {
border: none !important;
}
Best regards,
Jordan
Perfect! Thanks Jordan.
That’s exactly what I was looking for. That’s working exactly the way I need it to.
Thanks
Hi,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi there,
That worked on my individual products page. However, I’d love to be able to remove the borders of products that are displayed on my home page?
Any quick css for that?
Cheers
Rose