Strange color problem with elementor Gallery

Hey. I have no idea where to begin with this problem. When viewing an image in the built-in light box for Elementor Gallery and using the arrows for nex or prior image an outline with a yellow color appears (Android), on iPhone it is blue. Nothing appears whem swiping for the next…

I can’t seem to find any settings for this and an ok solution would be to disable the left right/lef arrows and just allow swiping or remove the color lines. Any solution would be OK.

Can you help?



Seems likely there is a tiny bug on Elementor. And it doesn’t relate with any theme.

I’d suggest adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .elementor-lightbox .elementor-swiper-button-next, 
    .elementor-lightbox .elementor-swiper-button-prev,
    .elementor-lightbox .elementor-swiper-button-next:active, 
    .elementor-lightbox .elementor-swiper-button-prev:active {
      outline: none !important;

Clear cache, history, and restart your web browser before checking.

Let me know whether it works or not.

aThemes Support

As always perfect! Thanks <3

1 Like

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

aThemes Support