Make an image pop-up bigger | can't find shortcodes in cornerstone

[helmaT]

Hi there,
I am currently working on a website in X-renew in cornerstone, the home page.
I would like to make an image show up bigger when you roll over or click.
So … I know I will have to use shortcodes / responsive lightbox, I saw thart in the demo content, but I can’t figure out where I can find them in Cornerstone. Or anywherer Probably really dumn, but …
Maybe I’m looking the wrong direction, or it’s something in my settings or plug-in ids conflicting, but I don’t see shortcodes? So what should I do to make the image show up bigger on the same page?
Hope you can help me! I will send specifics in nxt post.
Best regeards,
Zarah

[jade]

Hey Zara,

You can make use of the [lightbox] shortcode for this.

As I have checked, you image setup ready except that, please remove the # in the HREF field of the image.

Then, assign a class to the image. Let’s say the class the-image.

Once you have added the class to the image element, add a raw content element below the image then add the lighbox shortcode in it like this:

[lightbox selector=".the-image"]

Please note that the class the-image that you have added to the image element is the value in the selector attribute.

Hope this helps.

[helmaT]

Thanks so much Jade. It worked!

[paul.r]

On behalf of my colleague, you’re welcome. Cheers!