[philpfundParticipant]

Hi Team,

After killing the Shortcodes function I would like to know how to set up a lightbox gallery with cornerstone?

Thanks a lot
Philipp

[Nabeel AModerator]

Hi Philipp,

Thanks for writing in! You can add a Text element and paste the lightbox shortcode inside the text-editor. That should create a lightbox gallery for you. You can find the lightbox shortcode by visiting the following link http://theme.co/x/demo/integrity/1/shortcodes/responsive-lightbox/

Hope this helps!

[matthewhickeyParticipant]

Say I had a series of image thumbnails, then i click on one, it expands, how do I get them to scroll vertically one to another?

1- I see how to do it on the link above, but how is it that I use any old image, because my images are inline with text.

2 – How do I add captions to my images in cornerstone? The help file is useful, but it’s not really for cornerstone,

[RupokMember]

Hi @matthewhickey

Thanks for updating the thread.

1. If the Responsive Lightbox doesn’t fulfill your requirements then you might need to do some custom development to achieve what you are trying to accomplish. Unfortunately it’s out of our support scope.

2. You can use Text element and insert image same like the default editor of WordPress. See – http://prntscr.com/8igvv8

You need to just provide the caption while inserting through the media –

Hope this helps.

Cheer

[matthewhickeyParticipant]

Ok Let’s keep this simple then, thanks for the assistance so far, I have several images placed. How do I enable vertical lightbox navigation for them?

http://matthewhickey.nyc/projects/

All of my projects in this portfolio should have images, most of them aren’t lightboxes. I see the blockgrid example on the help file you linked me to.

EX:
[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"]

That code is a shortcode which makes an image a lightbox image?
So this one below is the one to customize the selector?

[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"]

[RupokMember]

Hi there,

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

[DushanDParticipant]

Hi Themeco,

thanks for all the resources. I am a complete beginner with cornerstone and actually wordpress too.
I am looking for an exact solution as is provided here http://theme.co/x/demo/integrity/1/shortcodes/responsive-lightbox/
I would like to ask you where do I have to put the code to? Thank you in advance for your help!

Dusan

[ZeshanMember]

Hi Dusan,

Thanks for writing in!

You may refer to our KB article on [lightbox]: https://community.theme.co/kb/shortcode-walkthrough-lightbox/

Basically, you need to enter your lightbox code in a Text element if you are using Cornerstone.

Thanks!

[Author]

Posts