Lightbox info

[MrK]

Hi all,
I’m using the lightbox shortcode into X PRO.

I created a row with 3 columns and inserted on each one a text field.
Each text field is like this:

[image src="/wp-content/uploads/2018/02/dev.png" alt=“bbb” link=“true”]
[lightbox]

Problem is when I click lightbox works well but I see on the background the pictures.

This is the link to understand the issue.
Is the first row with 3 images.

thanks

[MrK]

Maybe there’s a better approach to put down a case study with images?
Any advice is appreciated

[thai]

Hi There,

Please update your shortcode to this:

[image class="my-images" src="/wp-content/uploads/2018/02/dev.png" alt="bbb" link="true"]
[lightbox selector=".my-images"]

Let us know how it goes!

[MrK]

@thai

[image class=“my-images” src="/wp-content/uploads/2018/02/dev.png" alt=“bbb” link=“true”]
[lightbox selector=".my-images"]

thanks guys,
I can still see some images in the background once I click.
If you want to check yourself:

[thai]

Hi There,

You just need 1 lightbox shortcode only.

I’ve deleted the first & second one.

Everything is working fine now.

Cheers!

[MrK]

Thanks works great.

Is it 1 lightbox code per row, per page or per section?

thanks
K

[thai]

Hi There,

One lightbox shortcode per selector.

Example:

[image class="my-images-1" src="/wp-content/uploads/2018/02/dev.png" alt="bbb" link="true"]
[image class="my-images-1" src="/wp-content/uploads/2018/02/dev1.png" alt="bbb" link="true"]

[lightbox selector=".my-images-1"]

[image class="my-images-2" src="/wp-content/uploads/2018/02/dev3.png" alt="bbb" link="true"]
[image class="my-images-2" src="/wp-content/uploads/2018/02/dev4.png" alt="bbb" link="true"]

[lightbox selector=".my-images-2"]

Hope it helps

[MrK]

thanks guys

[thai]

You’re welcome.

[MrK]

Hi Thai sorry to bother you again I tried the multi lightbox option but it doesn’t work.
What you mean exactly by “One lightbox shortcode per selector”? What is a selector on X Pro?

I used this code:

[friech]

Hi There,

That means one lightbox shortcode per gallery, and for you to have multiple instances of lightbox you need to set them with different selectors. Which is basically what you’re doing with your shortcode.

Responsive Lightbox shortcode

The issue there it seems you have a pretty quote ” on your shortcode, rewrite all the quotes on your shortcode from this ” to this "

I think you got that pretty quotes from copying shortcode somewhere.

Thanks,

[MrK]

Yes somehow I missed those thanks for the help guys

[Joao]

Glad to hear we managed to help!