Hello Enfold team,
I could use your help with the styling of your gallery.
On this image you see how I’d like the gallery to be (this page uses the Standard page builder in a woocommerce shop page)
On this page you see what happens when I try to accomplish the same layout with the advanced layout builder.
I’d like a similar spacing between the images in the gallery and the black border to dissapear.
I tried several pieces of code I found in other topics, but this did nothing. Can you help?
Hey the_digital_manager,
Sorry for the very late reply and thanks for the link to your page and the screenshots, to remove the border from around the image and gallery, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
#top.single-product div .avia-gallery img {
border-width: 0 !important;
}
#top.single-product div .avia-gallery .avia-gallery-big {
border-style: none !important;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike