Missing icon in lightbox

Hi @franktomas,

Thanks for sharing the page link. We have visited your site and found the issue. The issue is happening due to CSS conflict. The Elementor builder CSS has overridden the plugin’s CSS which is why the icons are not showing. However, we have figured out the solution.

Please use the following CSS in the plugin’s Custom CSS field to fix the issue.

.wcgs-fancybox-custom-wrapper .fancybox-button--zoom svg, .wcgs-fancybox-custom-wrapper .fancybox-button--close svg {
    height: 25px;
    position: relative;
    width: 25px;
    top: -5px;
    left: -13px;
}
.wcgs-fancybox-custom-wrapper .fancybox-button--zoom, .wcgs-fancybox-custom-wrapper .fancybox-button--close {
    background: rgb(30 30 30 / 54%) !important;
    }
.wcgs-fancybox-custom-wrapper .fancybox-button--zoom:hover, .wcgs-fancybox-custom-wrapper .fancybox-button--close:hover {
    background: #cccccc !important;
    }

Hope the above CSS will work to display the button and icons properly. Let us know if it works for you or not.

Hi @franktomas,

This thread has been inactive for a bit, so I’m going to mark it as Resolved now. Please feel free to open a new one if you have any further questions.

Cheers!

Hello, its helped. Thank you.

Hi @franktomas,

Nice to hear that the icons in the lightbox are shown after CSS adding. If you like the plugin and support, please share your experience in the review section.

Thank you too.

Done ??

Thank you ??