Why does Smugmug cut off the top part of my photos when I zoom in?

davev · November 28, 2018

It does happen with all my photos, but it does with most of them.
It's been doing this for years.

Right now, I'm using a 2017, 27" iMac with the latest iOS and most recent Safari browser.

https://www.youtube.com/watch?v=7Y--fzdH2sc&list=UUmFUoNHBjKZ3N12mXT02EWw&index=2

denisegoldberg · November 28, 2018

Interesting. I can easily see it with portrait-mode photos on my site. Here's one - https://www.denisegoldberg.com/Outdoor-beauty/Parker-River-and-2018/i-Kd43FDj/A. Selecting a larger size than fits in the browser window cuts off the top of the photo.

davev · November 28, 2018

I brought this up years ago, I believe the answer was to use Firefox. (at that time)

So years later, it still doesn't work right, at least with Safari.
Flickr and Pbase have no issues with the resize, for me, this only happens on Smugmug.

denisegoldberg · November 28, 2018

It happens for me on Chrome, Edge, and Firefox.

Allen · November 29, 2018

Reported this back in July.
https://dgrin.com/discussion/263848/lightbox-larger-then-fill-size-not-positioned-correctly-for-portrait-photos

EDIT:
In the link I posted a fix to this. Might try it.
Added this rule to "all galleries" CSS and looks like fixes it so far.
.sm-lightbox .sm-lightbox-image {bottom:auto}

denisegoldberg · November 29, 2018

@Allen said:
Added this rule to "all galleries" CSS and looks like fixes it so far.
.sm-lightbox .sm-lightbox-image {bottom:auto}

Thanks Allen, that looks like it fixes the problem.

davev · November 29, 2018

All fine and good for people that know where to go and what to change

I ain't one of those people.

I need a step by step or someone from Smugmug can do it for me.

Allen · November 29, 2018

From any page on your site.
Go to "Customize" > "Content and Design"
In the right side flyout click to highlight "All Galleries"
(really only extremely important if you're adding/deleting widgets from page)

Click +CONTENT tab below
Under "ON ALL GALLERIES"
(this is where it gets tricky because the list shows everything not just "ON ALL GALLERIES" things)
You're looking for the CSS that applies to "All Galleries" in the list below
Hover each CSS until you see a blue bar on left with ON "ALL GALLERIES" in the bar
(scroll browser up/down to find each item out on page)
when seen highlighted on left then ... click the wrench on the CSS in right flyout
scroll to the bottom of the popup box.
insert this CSS

    /* fixes photo top cut off in lightbox 11/29/18 */
    /* https://dgrin.com/discussion/264390/why-does-smugmug-cut-off-the-top-part-of-my-photos-when-i-zoom-in */
.sm-lightbox .sm-lightbox-image {bottom:auto}

Click "Done" on box
Click "Done" at top right of browser
Click "PUBLISH NOW"

davev · November 30, 2018

Thanks Allen, I believe that works.

I have no idea where I placed now, but I think it's working in multiple galleries on multiple photos.

Thanks again.

Why does Smugmug cut off the top part of my photos when I zoom in?

Comments