Docs

[bradmaclean]

Is it possible to use your responsive lightbox shortcode to display formatted HTML text content instead of images or video? I’m trying to find an alternative to convertplug which is having a performance impact to my site. To give you an idea of what I’m trying to do, go to this page and click on the icons: https://will2walk.org/sci-support-resources/. It pops up a modal containing html, text, and a shortcode from a plugin called Business Connections (directory plugin). If it is possible, how do I go about doing this?

If your lightbox shortcode is not a recommended approach for standard non-video/image modals, do you have other suggestions to get the modal effect that is simple and lightweight (no impact to performance)?

Thanks much!

Brad

[Rupok]

Hi Brad,

You can actually use any content with lightbox. Let’s try this – https://community.theme.co/forums/topic/button-launch-lightbox-form/#post-8564

Cheers!

[bradmaclean]

Ok, this might work. Few questions:

1) Is there a way to control the size of the modal (width and height) ? What about other styling options (ex. padding)?

2) Where do you recommend putting the HTML content that I want to show in the modal? Obviously, I don’t want to show it anywhere aside from in the modal.

Thanks!
Brad

[Rad]

Hi there,

1. Possible but that can also affect its responsiveness and positioning. What size do you wish to achieve so I could test it first.

2. You can add your HTML anywhere, but make sure to hide them. Example,

<div class="hidden-content">
<div class="HTML_ID">your html content here</div>
</div>

Assuming it has existing CSS that hides it

.hidden-content {
display: none;
}

Then we can just assign lightbox to the link

<a href="#HTML_ID" class="lightbox_selector" data-type="inline">TEXT or IMAGE</a>
[lightbox selector=".lightbox_selector"]

Hope this helps.

[Author]

Posts