Jump to content

Decreasing margins between sections in lightbox

Recommended Posts

I have purchased and installed Lightbox Anything plugin for adding Lightbox to the Portfolio Hover layout on the website.
It works fine overall but there is a huge issue with the section margins. For some reason, Lighbox adds margins in between sections even if there weren't any on the original page which is redirected to the lightbox. I have contacted the creators of the plugin but it seems like they don't get the problem...

Here are screenshots of the original page and its formatting and the lightbox version. On the mobile version the upper title in Lightbox also gets a margin between the video.
image.thumb.jpeg.cbc85ef21c480f0bfa2bc5f0a1c19938.jpeg

image.thumb.jpeg.dac85331ce5a164976f03710ed2196d2.jpeg

Is there a way to code inject something inside the Lightbox plugin? I saw such an option in the manual but don't know how this command should be formulated.

My website is: https://gardenia-copper-8dp3.squarespace.com/
Pass: LightboxAnything

Thank you.

Link to comment
  • 1 year later...
  • 3 weeks later...

Hello thank you @tuanphan

I emailed the wonderful sqspthemes support and they provided me with this answer that solved my problem, hopefully someone else finds this useful!

<style>
.c-lightbox .fluid-engine  {
  --row-height-scaling-factor: 0.0115;
}
</style>

Link to comment

Create an account or sign in to comment

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

×
×
  • 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.