Tagged: woocommerce
-
AuthorPosts
-
September 19, 2016 at 4:12 am #688258
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
September 19, 2016 at 4:21 am #688259Hey 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,
JordanSeptember 19, 2016 at 4:25 am #688260Thanks. 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
-
This reply was modified 9 years, 1 month ago by
petergc.
September 19, 2016 at 5:32 am #688273Hi,
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,
JordanSeptember 19, 2016 at 5:41 am #688275Perfect! Thanks Jordan.
That’s exactly what I was looking for. That’s working exactly the way I need it to.
Thanks
September 20, 2016 at 6:29 am #688942Hi,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
RikardAugust 14, 2018 at 4:34 am #996942Hi 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
RoseAugust 14, 2018 at 7:34 am #996988 -
This reply was modified 9 years, 1 month ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
