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

SOLVED: Product Image lightbox photo cropped

Question

Posted (edited)

Site URL: http://www.arch-worldwide.com/shop-all

Hello,

I've set the images on my store to show a lightbox when clicked, but the portrait photos are always cropped when they show up in the lightbox, even when I input the zoom factor as 0 on the design settings. How can I make it so the whole image shows fit to screen instead

image.thumb.png.7b7ca40bd15bbd8141439f0861e95ede.png

Edited by Arch

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0
4 minutes ago, Arch said:

@bangank36 This skews the image though and squeezes its dimensions onto the screen.

 

This may removed the distortion

.gallery-lightbox-item img {
  width: auto !important;
  height: 100% !important;
  margin: 0 auto;
  left: 50% !important;
  transform: translateX(-50%);
}

image.thumb.png.682a5ab604a5e4eda47eb34144ca7581.png


I am frontend dev that provide solutions to enhance feature of squarespace.com can't provide, please check my profile for more details

--- To Space And Beyond! ---

https://www.freelancer.com/u/BaNgan

Share this post


Link to post
  • 0

Hope this help, Arch

.gallery-lightbox-item img {
    top: 0 !Important;
    width: 100% !important;
    height: 100% !important;
}

 

image.png


I am frontend dev that provide solutions to enhance feature of squarespace.com can't provide, please check my profile for more details

--- To Space And Beyond! ---

https://www.freelancer.com/u/BaNgan

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...