close “x” button not working

Hi

If the issue persists after all third-party plugins are deactivated and the Hello Elementor theme is active, you can try to use custom CSS and add a z-index to the button ‘x’ in case some content is overlapping with the button. It would be helpful to take a closer look at the page in order to test this behavior further.

Here is helpful article with additional information about the lightbox: https://elementor.com/help/lightbox.

Hi there, thank you. Yes I have tried all that and no help. I do not know how to add a Z index to the close button only? However, the three icon -elements (expand, share, and zoom) right next to the x button all work. They are all on the same line so I’m not sure if Z index would make a difference. When I activated the Hello theme, the X button was 3rd in the line instead of last, however, it still did not work and all the other buttons-icons did (again, zoom, share, expand).

I did give you the link to the page, here it is again. Do you need access when you say “closer look” I could give you login via email.

https://www.clndraft.webwerxconnect.com/recent-one-of-a-kind-collection/ (click on any image and try to use the x button)

Let me know if you can help further.

Hi

Some third-party plugin (perhaps some addons for Elementor) may be causing the conflict, I was unable to replicate the issue on my end, but you can try using this CSS:

.elementor-lightbox .dialog-close-button.dialog-lightbox-close-button {
z-index: 99 !important;
}

CSS can be added under the Appearance > Customize > Additional CSS field.

Thank you! I have disabled all plugins, and I activated the Hello Theme, it is still not working. The code did not work. Let me know if you have any other ideas. Thanks again, I really appreciate your help.

Hi

I tested the code through the console, and it works. The ‘x’ button is clickable on the lightbox. Please, make sure that the code is added correctly, that there isn’t any invalid code inside the Additional CSS field (check if all blocks are closed) and also ensure that you clear all forms of cache, including your browser cache, your WP cache (your WP caching plugin if you have one), and your server cache. I hope this helps!

Hi there, I just wanted to follow through on this and let you know it was additional CSS I had, I had earlier added padding to the carousel and once I removed that CSS, the close button worked fine. Thank you for the tip.