Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Marco Chiesi

    (@marcochiesi)

    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.

    Thread Starter Mantraagnes

    (@mantraagnes)

    Hello Marco,

    Thank you for the support, that works!

    Agnes

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Conflict with Bootstraps shortcodes’ is closed to new replies.