In order to create an HTML lightbox, please follow the steps below:


Step 1: 

Go to Admin panel >> Pages >> Edit >> Create two nested columns



Step 2: 

Set the class of the outer column to hidden. Click on Save Element button.



Step 3:

Set the ID of the inner column to my-lightbox-content. Click on Save Element button. You have to fill in the content that you want to show in the lightbox, in this column. 



Step 4:

Create a lightbox shortcode. 




In the Trigger Source field fill the text/image that will open a lightbox in.

In the Lightbox Source field set #my-lightbox-content