Lightbox overlay alignment off centre?

Design help General
1

Hey first time user of webflow this is my third site and loving it! One question if someone can please help…i Just can’t seem to figure it out.

My lightbox images are 1000x600 or 600x1000 and they seem to be off center. i am trying to create a filtered gallery with CMS and I think i’ve got most of it figured out. This is driving me insane!
here is my public link: www.addictedtosphnyx.com

i should clarify its under the gallery page.

Here is my site Read-Only: https://preview.webflow.com/preview/addictedtosphynx?utm_medium=preview_link&utm_source=dashboard&utm_content=addictedtosphynx&preview=07f4d1c447c0c70b35963b4d8cfe7713&mode=preview
(how to share your site Read-Only link)

2

Hi! Do you have any custom code in your project that may be overwriting the lightbox styles set by Webflow? I’m not sure why this is happening.

3

@parker Nope haven’t added any at all. i thought maybe it was due to image size so I tried again after resizing all of them. A real head scratcher!

4

I think we found it! The position is set to absolute for “All Images”. To fix it, add an image element anywhere in your project. With the style panel open for the image, click on the class selector and choose “All Images”. Set the position to static, and you should be good!

Screen Shot 2020-03-13 at 9.29.26 PM
Screen Shot 2020-03-13 at 9.29.26 PM277×694 19.8 KB

1 Like
5

@parker - it worked! Oh man thanks so much it totally makes sense now!

I’m loving this community i came from Muse/Wordpress! Changing all my clients to Webflow

Really excited to see what changes are coming in the future.

1 Like
6

I’m 100% with you there! I barely started freelancing in Muse/Wordpress (Elementor, Divi, Oxygen) before falling in love with Webflow. The community is top-notch! If there’s anything else I could help with, let me know!

7

@parker I haven’t seen a community this active since DIVI…very refreshing not to have to deal with WP.

will do!

2 Likes