Archived topic
Problem with gallery woocommerce (black border)
3 replies · Started by Emil on March 1, 2021
Hello, I have problem with gallery on product page:
[url=https://ibb.co/vspXxsv][img]https://i.ibb.co/hXbYRX1/Zrzut-ekranu-2021-03-2-o-08-11-26.png[/img][/url]
[url=https://ibb.co/XbVY7Fg][img]https://i.ibb.co/jTHJy32/Zrzut-ekranu-2021-03-2-o-08-11-56.png[/img][/url]
Where Can I off this border? I reported this problem to DIVI support but I recive this answer:
"
It appears that the border is not handled by Divi.
In that case I've used the following CSS to remove it:"
.single-product .flex-viewport{
border:none!Important;}But this code display off border in main image of product, but thumbails still have border.
Can you check my website and help me where can I off this or which code in custom css I can use?
Hi there,
i have to say that Page Builder adds a tonne of HTML and CSS that is not very tidy and missing some CSS properties; including adding a border style to those elements without specifying a border-width - so you're seeing the default border width across all of them..... try adding this CSS to remove them:
.et-db #et-boc .et-l .et_pb_wc_images .flex-control-nav img, .et-db #et-boc .et-l .et_pb_wc_images .flex-viewport, .et-db #et-boc .et-l .et_pb_wc_images div.images ol.flex-control-thumbs.flex-control-nav li {
border-width: 0 !important;
}Yes I know, but in this project we need page builder for person who can modify landingpage...
Thanks! You are the best :)
Glad to be of help!
