Lightbox issues

[Rob_Strickland]

Hello,

I understand that a lightbox is built into Integrity Pro (which I am using)… but I have migrated old page content and those are pages that are not using xPro editor… so I installed a third party plugin (I know you don’t support those) to make all the old images click to open in a lightbox. For the most part that’s working.

However, I have a gravity form that creates posts. Those forms allow image uploads… and those images once uploaded do not inherit click to open in a lightbox.

So I added the [lightbox]:

Photos: [lightbox]

In the Gravity form submission (http://cbac.robstrickland.net/again-come-on-light-box/), the image does open, but not as the lightbox...

I think it is because when I use X or WP Visual editior I can select the ULR image target to attachment page or image… and that seems to trigger the lightbox.
Is there a class or div that I am missing that I need to add to the code above to make the lightbox work??

Thanks so much,
Rob

[ruenel]

Hello There,

Thanks for posting in! The image link must have a class so that you can use this class as a selector for the lightbox. For example, the image link must have something like this:

<a href="http://example.com/image-link.jpg" class="my-image"><img src="http://example.com/image-link.jpg" /></a>
[lightbox selector=".my-image"]

To know more how you can use the lightbox shortcode, please check out this demo:
http://demo.theme.co/integrity-1/shortcodes/responsive-lightbox/

[Rob_Strickland]

Thanks for your reply!
Will I need to add css to theme > custom > CSS or just to the inline code as you posted here?
Thanks,
Rob

[Rob_Strickland]

Thanks…

Photos: [lightbox-selector=".mms-image"]

produced this:
http://cbac.robstrickland.net/hello/

the [lightbox-selector=".mms-image"] is incorrectly translated… the quotes look like the wrong kind in the post, but they are clearly correct in the original code input.

Thanks!
Rob

[rad]

Hi there,

How did you add it? Would you mind providing your login credentials in a secure note, then I’ll check it. It should be

[lightbox selector=".mms-image"]

instead of

[lightbox-selector=”.mms-image”]

Thanks!

[Rob_Strickland]

yes, that’s what i was saying above… perhaps not clearly enough.
I’ll provide the credentials.
Until then in the screenshot shows the characters typed.
Regards,
Rob
https://screencast.com/t/FZu5PB628

[rad]

Hi there,

It should be [lightbox selector=".mms-image"] as provided, there should be no hyphen between word lightbox and selector.

Thanks!

[Rob_Strickland]

Oh boy, you’re great- thank you!
Regards,
Rob

[ruenel]

You are most welcome!