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.
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
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:
Please note that the class
the-image that you have added to the image element is the value in the
Hope this helps.
Thanks so much Jade. It worked!
On behalf of my colleague, you’re welcome. Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.