Hi there,
this is a z-index CSS issue. You should edit the Easy Bootstrap Shortcodes css located at plugins/easy-bootstrap-shortcodes/styles/bootstrap_admin.min.css (starting at line 309).
From:
body.ebsp-mf-shown .mfp-bg { z-index: 10000 !important; }
body.ebsp-mf-shown .mfp-wrap { z-index: 10001 !important; }
body.ebsp-mf-shown .mfp-preloader { z-index: 10002 !important; }
body.ebsp-mf-shown .mfp-content { z-index: 10003 !important; }
body.ebsp-mf-shown button.mfp-close,
body.ebsp-mf-shown button.mfp-arrow { z-index: 10004 !important; }
to
body.ebsp-mf-shown .mfp-bg { z-index: 100000 !important; }
body.ebsp-mf-shown .mfp-wrap { z-index: 100001 !important; }
body.ebsp-mf-shown .mfp-preloader { z-index: 10002 !important; }
body.ebsp-mf-shown .mfp-content { z-index: 100003 !important; }
body.ebsp-mf-shown button.mfp-close,
body.ebsp-mf-shown button.mfp-arrow { z-index: 100004 !important; }
Unfortunately we cannoth change our z-index in order to prevent breaking compatibility with other plugins, so I’ll ask the Easy Bootstrap Shortcodes devs to apply the above change on their plugin.
Hello Marco,
Thank you for the support, that works!
Agnes
