Lightbox on already created Divs

https://preview.webflow.com/preview/test-670450-f7da44631446505f2574c66c01e?preview=f04c30672d7fbba2ac03ac20981f8404

Hi everyone! Please see my project above. You can see a section in the middle of the page called “WORK”. I want to make those div boxes (that have image background elements) open a light box when clicked.

After looking into the light box functionality in Webflow, I feel like I have to create that whole section from scratch STARTING with light box images as the background to my grid layout.

Is there a way I can link the Lightbox element to these already created / styled divs? I’m newish to Webflow so created that column with the hover features took me a lot of time and I’d hate to have to start again!

THANK YOU!


Here is my site Read-Only: https://preview.webflow.com/preview/test-670450-f7da44631446505f2574c66c01e?preview=f04c30672d7fbba2ac03ac20981f8404

You can simply insert the lightbox link and add the style you already created to it instead of the elements that are there.

1 Like