Lightbox inline – existing html tag

  • Resolved wpressuser2021

    (@wpressuser2021)


    3 years ago

    Hello,

    I am trying to use the lightbox feature with existing HTML tags in my page.

    [su_lightbox type=”inline” src=”#ref_1″ mobile=”yes” class=””][1][/su_lightbox]

    Then, the existing block on my page is:

    <div id=”ref_1″>1. Some text.</div>

    I know I can use [su_lightbox_content], but the documentation says that I can “just specify the required CSS-selector”. The problem is, when I do as above, my <div id=”ref_1″> gets hidden (Shortcodes automatically applies the class “.mfp-hide”), and the lightbox popup is completely empty (regardless if I remove the .mfp-hide class or not).

    Please advise on how should I use existing css selectors (at the same time keeping the visibility of the selected blocks).

    Many thanks

  • The topic ‘Lightbox inline – existing html tag’ is closed to new replies.