[RoPadelParticipant]

I’m trying to put a Lightbox into a page using Cornerstone. After searching around, I find that the Lightbox code is not yet implemented and found posts saying that it is possible to do by adding the Lightbox shortcode into a text element under the images for the gallery. I’ve done this with limited success (the lightbox isn’t working right but that’s for a different topic if I can’t figure it out) but I cannot edit the text box with the code in. Initially I thought it had not saved, so readded it. After a couple of goes at that, I had a look at the text view of the page and there were multiple versions of the shortcode, so it was saving, but when I click around in the box trying to select it, no editable box appears. I deleted them all from the text view and tried again, this time making the text box with a red background so that I can see it’s there, but I still cannot select it and see the shortcode text in the inspector on the left.

Any clues?

This is on http://www.newforestpiggycottage.co.uk/wprs/accommodation. If required, I will post a usename and password in a private reply for viewing the admin side.

Thanks

[NicoModerator]

Hi There,

Thanks for writing in.

We’ll be happy to assist you with this issue, but we’ll first need you to provide us with some information below to check your setup closer (don’t forget to select “Set as private reply” to ensure that your data remains hidden):

Your URL.
Your WordPress login credentials.
Your FTP credentials (in case we need to check anything out on your server).
Once we have all of this, we’ll be happy to take a deeper look into things.

Thanks.

[RoPadelParticipant]

This reply has been marked as private.

[FriechModerator]

Hi Rowena,

Regarding the lightbox, the shortcode still works. But because we’ve had some issues with that lightbox script, we want to work that out before adding a lightbox to Cornerstone. When we have something more stable, we’ll map it into the Cornerstone interface. For now you place the shortcode on a “RAW content” element with a min-height.

Thanks!

[RoPadelParticipant]

Hi there
Thanks for the response.

I had got the shortcode in a text element, but without the height set. I have just used height: 0 rather than min-height. Perhaps you could tell me why min-height might be better?

The point I was really trying to make though, is that in the Cornerstone interface, it seems that if an element only contains a shortcode (certainly in this instance it was the case), the element cannot then be clicked on and edited. There is no way to navigate to it, as one can only navigate up and not down the stack of elements in the Inspector and it cannot be clicked on to edit that I’ve found. This means that to edit it after creation, the only way is to go into the Text editing or Visual editing mode and remove it, then recreate it. Is there something I’m missing?

Thanks
Rowena

[LelyModerator]

Hello Rowena,

Please try using RAW CONTENT element instead of text element. When you’re using a raw content element, type the lightbox shortcode, no need to add min-height or height. When editing the content, you should click outside the area of the image that says RAW CONTENT when you hover on it. Because clicking on the image will open the lightbox itself.
Here’s a sample code for that:

[block_grid type="two-up"] [block_grid_item] [image class="my-portfolio" src="http://mylocal.dev/xfour/wp-content/uploads/2015/05/2.jpg" alt="Example" type="thumbnail" link="true" href="http://mylocal.dev/xfour/wp-content/uploads/2015/05/2.jpg" title="Example Image"] [/block_grid_item] [block_grid_item] [image class="my-portfolio" src="http://mylocal.dev/xfour/wp-content/uploads/2015/05/2.jpg" alt="Example" type="thumbnail" link="true" href="http://mylocal.dev/xfour/wp-content/uploads/2015/05/2.jpg" title="Example Image"] [/block_grid_item] [block_grid_item] [image class="my-portfolio" src="http://mylocal.dev/xfour/wp-content/uploads/2015/05/2.jpg" alt="Example" type="thumbnail" link="true" href="http://mylocal.dev/xfour/wp-content/uploads/2015/05/2.jpg" title="Example Image"] [/block_grid_item] [block_grid_item] [image class="my-portfolio" src="http://mylocal.dev/xfour/wp-content/uploads/2015/05/2.jpg" alt="Example" type="thumbnail" link="true" href="http://mylocal.dev/xfour/wp-content/uploads/2015/05/2.jpg" title="Example Image"] 
[/block_grid_item] [/block_grid]
[lightbox selector=".my-portfolio" deeplink="true" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal" thumbnails="true"]

Let us know how this goes.

[RoPadelParticipant]

Thank you for that. I have tried this on the Location page http://www.newforestpiggycottage.co.uk/wprs/location and can certainly edit the raw content element which is great. I have followed the code above, with the exception that I’ve used the x-image shortcodes. They display correctly, but the lightbox element does not work right. It opens, but does not show a larger version of the images, but seems to shift an image of the whole page. As far as I can see, the code is correct, could you check this out for me?

Do you have any idea when the lightbox will be incorporated into Cornerstone?

Thank you

[ChristianModerator]

Hey there,

You haven’t set the href value of the image. Please copy your src value to the href.

I’ve corrected the first image for you. Please correct the rest.

Thanks.

[RoPadelParticipant]

That worked – thank you 🙂

[ThaiModerator]

You’re most welcome.

[DesignbytrickParticipant]

Hi

I have a similar problem to the OP: I have a text element with just one shortcode inside it. I realise now I should be using a raw content element…but how do I delete the text element? I can’t even select it.

[DesignbytrickParticipant]

This reply has been marked as private.

[RupokMember]

Hi @designbytrick

Please clarify which Text Element you are trying to delete with a screenshot. Also let us know what issue you are facing to delete the element. You can share your login credentials in a private reply.

Cheers!

[DesignbytrickParticipant]

Hi

The screenshot attached is of the problem on a blog post: http://www.designbytrickdev.com/amant/2015/05/16/blog-post-2/

I accidentally added a customised Custom Headline shortcode to a text element. (the 1st heading)

There is also a copy of such a heading below that, as I tried to figure out why it was giving me trouble. (the 2nd heading)

Only after this did I figure out that it is best to add shortcodes to a Raw Content Element. (the 3rd heading)

The problem is that I can now not delete the two Text Elements with the shortcodes inside. When I try to select them, a different element entirely is being selected. When I hit delete, the OTHER element gets deleted, while the Text Element stays intact.

The same problem occurs again lower down on the page where the are two headings called “3”. There I can’t even select the Raw Content Element: it just selects something else entirely.

[DesignbytrickParticipant]

This reply has been marked as private.

[Author]

Posts