Image captions as Links

Hello everyone,

I want to make a starting page as an overview portfolio page that opens in a lightbox that one could browse through the portfolio photos. However, I would like that each photo, when open in the lightbox, has a caption below that says "View Project" and takes you to the page of that specific project.

So basically, I need to:

a. Turn captions into links (for some reason a simple hyperlink leads to all kinds of errors as it ads the link url after the page's url) and

b. Make captions appear only in the lightbox. 

I am at the very beginning of building the page so have nothing to show yet (and no extra code has been added yet) but any help would be highly appreciated. 

Thank you in advance,

Elena

PS: example of the desired result attached 

Hi,

First, you need to use Gallery Section

Next, enable Gallery Section Caption

Next, each each gallery image >> enter this code into Description box

<a href="https://google.com">View Project: Momo</a>

Do similar for other image

Next, share link to page where you added Gallery Section, we will test some code to make link appear in lightbox only

Hi @tuanphan! 

I'm having the same issue with turning gallery captions (I'm using masonry) into clickable links. I tried your code above, but it's not redirecting to the linked website.

I'd also like to add an overlay over the images that have titles/buttons under them - is this possible?

Here's the page I'm working on: www.thehmnco.com/our-work

Thank you!

Site URL: https://www.thehmnco.com/our-work

Hi everyone!

I am working on my portfolio and decided to turn the gallery captions into clickable buttons since image text overlays don't work the best on mobile. I need help with:
1. Making the text clickable -- yes, the gallery gives the option to add a link per image, but it doesn't turn the text "buttons" into clickable links like it would on text boxes.

2. Since the entire gallery is one box element, is there a way to target each individual caption and make the "button" into a different color (1 color per bottom, so all buttons are different colors)?

3. Caption alignment: any time I try to reduce top or bottom margin, instead of moving up or down, the text starts cutting off. 

Thank you for all the help in advance!

on

On 8/28/2022 at 3:07 PM, tuanphan said:

Hi,

First, you need to use Gallery Section

Next, enable Gallery Section Caption

Next, each each gallery image >> enter this code into Description box

<a href="https://google.com">View Project: Momo</a>

Do similar for other image

Next, share link to page where you added Gallery Section, we will test some code to make link appear in lightbox only

Thank you so much! I dont why others (though looked the same) didnt but this code worked like a charm. 
Will get back with the link once I upgrade the account. 
Thanks again!

On 9/2/2022 at 11:07 AM, eLenaP said:

Thank you so much! I dont why others (though looked the same) didnt but this code worked like a charm. 
Will get back with the link once I upgrade the account. 
Thanks again!

Hey,

could you please share what you did? 🙂