Lightbox inline – existing html tag
-
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.