Can you create a text link that opens a lightbox with text in?

Hi, are you referring to the anchor text? Can you share your current shortcode?

I don’t have the shortcode for how to do this. I was hoping you could tell me what it would be if this plugin can even do it.

What I want to do is have a text link in my sidebar (via the text widget), that says something like “Lesson 28”. And when someone clicks on those words (Lesson 28), I want it to open a pop up window (or lightbox) that has the entire lesson in it (in text format). I don’t want it to link to a post or page with the lesson text, but to a lightbox pop up window that has the lesson text.

Is that possible?

I think I’m getting a little closer. If I create a page and put my full lesson text on that page and then link to that page using this shortcode I can get my lesson text to open in a lightbox:

<a href="https://www.acimsnowlandsclassroom.com/lesson-text?iframe=true&width=500&height=300" rel="wp-video-lightbox[iframes]">Lesson Text</a>

The problem is that my theme won’t let me remove the header and footer so those appear also.

Maybe I can find some custom css code that will allow me to remove the header and footer from certain pages. Or maybe there’s a plugin that will give the ability to remove them from certain pages. Or maybe you know another way of doing this?

Hi, reading your question closely I realized that it is not possible with this plugin to achieve what you are trying to do.

I was able to achieve what I was trying to do with this plugin. First I had to create a custom wordpress page template that didn’t have a header, footer, or sidebar. Then I created a page with my lesson text. Then using this code I got the plugin to open that page in a lightbox.

<a href="https://www.acimsnowlandsclassroom.com/lesson-text?iframe=true&width=425&height=425" rel="wp-video-lightbox[iframes]"><center>Lesson Text</center></a>

It works, but the lightbox has a Play button on the bottom of it, along with a left and right arrow, both of which I don’t need. Is there anyway to remove them?

https://www.dropbox.com/s/c2fd85zp4rp526u/lightbox.jpg?dl=0

Can you share your URL?

Thank you

I already did, it’s https://www.acimsnowlandsclassroom.com. I also just gave you a dropbox link to a screenshot that shows you what it looks like, if you missed that. My site is set to private, so let me know if I need to change that – if you’re needing to see the source code of the page or something.

Hi, the URL does not help me at all because I can’t see the Lightbox. There might be a way to hide the button and the arrows using CSS.

I don’t understand what is going on. That code above was opening a window which you can see in the link above, but now that I’ve unprivated my site so you can take a look at it, it stopped working. Now when I click on the link in my sidebar that says “lesson text” I just see the black overlay – no lightbox. I have no idea why it suddenly stopped working.

my site is https://www.acimsnowlandsclassroom.com but I doubt it will help since the lightbox isn’t opening like it was.

Yes, the lightbox is showing in my browser. Clear your browser cache and you should see the lightbox further down in the page.

Add the following CSS tweak, display: none; to the following class .pp_nav as illustrated below.

.pp_nav {
    clear: right;
    display: none;
    float: left;
    margin: 3px 10px 0 0;
}

Let me know how you go.

Where exactly do I put that code?

Btw, I noticed that the lightbox shows in IE, but not in firefox. Any idea why that is?

You can either place that code in your child them css file if you are using a child theme or use a plugin.

I tried to put that code in my css file but it didn’t work. I also tried putting it into a custom css plugin, but that didn’t work either.

The one I have opening a Youtube video in a lightbox doesn’t show the video in firefox. It only shows it in IE for some reason.

Hi, if you are referring to the URL you shared above I could see the lightbox in my browser. I use Firefox!

that’s weird, I can now too, but I couldn’t earlier.