Jump to content

Custom Lightbox - Vertically Center Content

Recommended Posts

Site URL: https://demo11parkplace.squarespace.com

Howdy forum peeps,

I am currently using "Lightbox Anything" plugin and I'm looking to vertically center my lightbox content for the lightboxes that are triggered by clicking on the building floors. Currently focusing on Floor 9 for testing.

I tried using the following css to  target the "base page" that is being used as the lightbox content, however it only works when the page is viewed independently NOT as a lightbox. 

#floor-9-lightbox .sqs-row {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;

I also tried adding the above styles to the "html .c-lightbox__content" class from the Lightbox Anything custom styles but this also didn't workout for me. 😞  Any and all help will be greatly appreciated! 

Link to comment
  • Replies 1
  • Views 877
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.