Lightbox: Load Post Content + Featured Image

Load post content inside Essential Grid's default lightbox, and also include the post's title and Featured Image.

1. Review the following screencast and setup your lightbox to load basic post content.

2. Replace the JavaScript from the screencast with the code below.

3. Find the class name for your skin's Post Title, and update the "titleClass" part at the top of the JavaScript above with the real class name from your skin.

4. Add the following CSS in addition to the CSS code already added from the screencast above.

5. Variations

Image on Left, Content on Right

JavaScript Replacement

Image on Top, Content on Bottom

CSS Replacement

Content on Top, Image on Bottom

CSS Replacement

JavaScript Replacement