Zoom Image with Lightbox is cut off

FinishLineSoftware · July 2016

I'd like for certain images to be clicked on and show a larger image.

Please see this page: http://punchlis.wwwls14.a2hosted.com/solutions/field-observation/

Please refer to the image, third one down on the right with the text "FinishLine helps streamline multiple steps". Photo of iPad.

I've uploaded the same photo under the option for link. When you click on the small image it pops into the light box to show greater detail, which is what I want.

The problem/question: now the small image is cut off on the bottom of the iPad and looks strange. What is the fix?

Thank you,
Katherine

Albert · July 2016

Hi,

this is just how this feature works. But if you want to display full image, please use the following css:

.image_frame:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: 0 !important; }
.image_frame .image_wrapper img:not(.ls-l) { top: 0 !important; }

FinishLineSoftware · July 2016

Okay thank you. Where does that css go?

I input the css into the "Custom | classes" of the image, to the "Custom | classes" of the wrap, and to the "Custom | classes" of the section (all separately), but did not see any changes.

Thank you.

Albert · July 2016

Each custom css should be put under Theme options > Custom CSS & JS > Custom CSS section.

FinishLineSoftware · July 2016

Excellent. It worked! Thank you.

Albert · July 2016

You are welcome!

Zoom Image with Lightbox is cut off

Comments