Lightbox outside of page

Hello V,

The issue is due to your current theme “Rayan Pro”. Theme CSS overriding Bootstrap Lightbox CSS.

But no worry, every problem has a solution. Our team finds out some tweak CSS down below.

Add the CSS code into Gallery setting filed: Custom CSS

.modal {
     width: auto !important;
     margin-left: auto !important;
}
.modal-body {
    overflow-y: auto !important;
    max-height: auto !important;
}

Tell us after applying this tweak.

Hi,
Thank you for your answer.
I works better, but it’s still behind header instead of below.
Any fix for that issue?
Thank you!
V

Replace the all previous CSS code into Custom CSS setting field:

.modal {
     width: auto !important;
     margin-left: auto !important;
     z-index: 99999 !important;
}
.modal-body {
    overflow-y: auto !important;
    max-height: auto !important;
}

• This reply was modified 8 years, 4 months ago by A WP Life.

Hello @itvirginia

Please share your review about our plugin & support. This will helpful to grow our plugin and will encourage our team to help the plugin user continuously.

Best Regards – A WP Life Team