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

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 :wink: 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,

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.

Thanks so much Jade. It worked!

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

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.