Docs

[Melissa437]

Ok, I need to add a simple lightbox gallery and everytime i look at the article it is too complicated…

How do i add a lightbox gallery to my ‘cake designs’ page…

I see I add this code:

[image src=”image-1.jpg” link=”true” lightbox_caption=”I’m the first image.”]
[image src=”image-2.jpg” link=”true” lightbox_caption=”I’m the second image.”]
[image src=”image-3.jpg” link=”true” lightbox_caption=”I’m the third image.”]
[lightbox]

but where do i enter this so it specifically comes up on the right page?

https://dolcelussocakes.mystagingwebsite.com

[Melissa437]

this is great…

Responsive Lightbox

But where do i put the code?

[Christopher]

Hi there,

Thanks for writing in!

Please add shortcode to raw content element.

You can also setup lightbox with Enviragallery plugin, please check this link : https://community.theme.co/kb/integrated-plugins-envira-gallery/

Hope it help.

[Melissa437]

I played around with envira but it doesn’t look too slick..

could you just help me out adding the content to raw content…

[Melissa437]

I added raw content and inserted the text but nothing happened..

[Christopher]

Sure, please see the attachments.

Let us know if you need further assist.

[Melissa437]

thats exactly what I did..

[Melissa437]

I really like the icon example with this code but how do i adapt this for my images …

[block_grid type=”two-up”] [block_grid_item] [image class=”my-second-portfolio” src=”http://yourdomain.com/image.jpg” alt=”Example” type=”thumbnail” link=”true” href=”http://yourdomain.com/image.jpg” title=”Example Image”] [/block_grid_item] [block_grid_item] [image class=”my-second-portfolio” src=”http://yourdomain.com/image.jpg” alt=”Example” type=”thumbnail” link=”true” href=”http://yourdomain.com/image.jpg” title=”Example Image”] [/block_grid_item] [block_grid_item] [image class=”my-second-portfolio” src=”http://yourdomain.com/image.jpg” alt=”Example” type=”thumbnail” link=”true” href=”http://yourdomain.com/image.jpg” title=”Example Image”] [/block_grid_item] [block_grid_item] [image class=”my-second-portfolio” src=”http://yourdomain.com/image.jpg” alt=”Example” type=”thumbnail” link=”true” href=”http://yourdomain.com/image.jpg” title=”Example Image”] [/block_grid_item] [/block_grid]
[lightbox selector=”.my-second-portfolio” deeplink=”true” opacity=”0.875″ prev_scale=”0.75″ prev_opacity=”0.75″ next_scale=”0.75″ next_opacity=”0.75″ orientation=”vertical” thumbnails=”false”]

[Christopher]

Hi there,

Please provide us with URL of page in question and login credentials so we can take a closer look.
Instead of http://yourdomain.com/image.jpg in each image shortcode, add your image URL.

Thanks.

[Melissa437]

Ok this has almost worked – Hurrah!… Can you look and see as it’s not quite working…

[Christopher]

Hi there,

Lightbox is working fine, please see the attachment.
Not sure what you mean by “it’s not quite working”, please clarify.

Thanks.

[Melissa437]

Hi,

I’ve added the images and that looks fine but when i click on the first image..the screen changes to this:

[Christopher]

Hi there,

The following href value doesn’t exist. Please update following line to your image URL:

https://dolcelussocakes.mystagingwebsite.com/wp-content/uploads/2016/12/cake_1

Thanks.

[Melissa437]

sorry I don’t understand:(

[Christopher]

Hi there,

Would you mind providing us with login credentials so we can take a closer look?

Thanks.

[Author]

Posts