Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom Lightbox - Vertically Center Content


Question

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 post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

1 answer to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...