Vertical line in close-up view in Gallery and Carousel Widgets

Hi Michal,
i have this issue too. You can see it here
I wrote to the elementor pro team support but at the moment dont give me a solution.
Please if you find the solution let me know. Ill do the same.
Tahnks

https://tapisasarria.com/sofas/

Hi, using this css code works!

.elementor-lightbox .elementor-swiper-button:focus {outline-width: 0px !important;
}

Hi,
thanks for this piece of code.
I’ll make use of it later.
Regards,
Michal Szczepanski

Hi jesuscaogarcia,

you’ve got a typo:
https://nimb.ws/dsPx68

I have the same issue but this code does not work.

.elementor-lightbox .elementor-swiper-button:focus {outline-width: 0px !important;
}

It occurs only on mobile devices.

I fixed this with:

.elementor-lightbox .elementor-swiper-button-next, .elementor-lightbox .elementor-swiper-button-prev {
display: none !important;
}

They still can swipe on this way.

@stebentje where do you put that code?

@ronald1977 Just in my custom css file.

@stebentje Thanks, but that takes out the navigation. I found out this works:

:focus {outline:0 !important;}

@ronald1977 great! You are totally correct and this works. Many thanks!

Thank you so much guys!

I put here your final result if somebody got lost:

.elementor-lightbox .elementor-swiper-button-next:focus, .elementor-lightbox .elementor-swiper-button-prev:focus {outline:0 !important;}

Thank you so much, everyone!

Even I was facing the same problem, but the final CSS worked. ??

Entered the code and cleared the caches and the vertical lines still appear on my iPhone.

• This reply was modified 3 years, 8 months ago by RJH777.