simple-lightbox icon indicating copy to clipboard operation
simple-lightbox copied to clipboard

Issue: Centering with Horizontal Scrolling

Open linseedstudio opened this issue 9 years ago • 7 comments

Hi,

I wrote in a a few months ago regarding a bug that made the lightbox unable to center an image when enlarged from a horizontal scrolling thumbnail gallery. I managed to fix the problem by changing #slb_viewer_wrap .slb_theme_slb_baseline .slb_viewer_layout from position:absolute to position:fixed. Unfortunately I updated the plugin recently and found that every thumbnail I enlarge is now being aligned to the left of the screen. This is after I tried to go in and fix the old problem (that came back, probably after a previous update) of it centering off the screen, then I updated and found the new problem, so I'm not sure if it's the update of me screwing with the css. Can you take a look and see if there's a fix for this?

Thanks, Mike

http://www.mryczek.com/ Happening in Firefox and Chrome Version 2.4.1 Akismet, Fast Secure Contact Form, and MailChimp for WordPress Lite also installed

  • URL of Page exhibiting problem:
  • Browser(s) exhibiting problem (Firefox, Chrome, etc.):
  • Version of SLB Installed:
  • Other plugins installed:

linseedstudio avatar Aug 09 '15 21:08 linseedstudio

Hi, I checked the link you provided in both Firefox and Chrome and the lightbox was properly centered on the screen. If you are still experiencing this issue, please provide additional details on the issue so that it can be reproduced.

To rule out external causes, please follow these instructions to test SLB with a default WordPress theme and no other plugins.

Thanks.

archetyped avatar Aug 11 '15 01:08 archetyped

Hi archetyped,

I went back to my site today and found that it was no longer doing the left aligned for every image thing, but it has mysteriously reverted back to where it centers the large image if you don't scroll the thumbnails but moves the large image to the left if you do. Are you scrolling the page? (Might want to try http://www.mryczek.com/2013-2/ instead of home because it has multiple thumbnails to scroll).

Thanks,

_Mike

linseedstudio avatar Aug 11 '15 03:08 linseedstudio

Hi archetyped,

I never got a response from the last reply so I was wondering if you were able to see what the problem is that I'm referring to. I checked the site in Chrome, Safari and Firefox and it does the same thing in all of them, so I'm assuming you weren't scrolling the thumbnails when you tested. I clicked on the troubleshooting link you sent and got an error message. Please let me know if you can find a solution.

Best,

_Mike

linseedstudio avatar Aug 15 '15 20:08 linseedstudio

Btw I've attached a screenshot of the problem so you can see what I'm talking about. This is what happens when I scroll to the right and click on a thumbnail to enlarge.

On Sat, Aug 15, 2015 at 4:09 PM, Mike Ryczek [email protected] wrote:

Hi archetyped,

I never got a response from the last reply so I was wondering if you were able to see what the problem is that I'm referring to. I checked the site in Chrome, Safari and Firefox and it does the same thing in all of them, so I'm assuming you weren't scrolling the thumbnails when you tested. I clicked on the troubleshooting link you sent and got an error message. Please let me know if you can find a solution.

Best,

_Mike

On Mon, Aug 10, 2015 at 9:01 PM, Archetyped [email protected] wrote:

Hi, I checked the link you provided in both Firefox and Chrome and the lightbox was properly centered on the screen. If you are still experiencing this issue, please provide additional details on the issue so that it can be reproduced.

To rule out external causes, please follow these instructions http://../wiki/Troubleshooting-Plugin-Conflicts to test SLB with a default WordPress theme and no other plugins.

Thanks.

— Reply to this email directly or view it on GitHub https://github.com/archetyped/simple-lightbox/issues/414#issuecomment-129660858 .

linseedstudio avatar Aug 15 '15 20:08 linseedstudio

Hi, yes, the original link provided did not have content to scroll horizontally, so the issue was not able to be evaluated. I've taken a look at the new link you provided and see what you are talking about.

The theme is primarily designed for vertically-scrolling pages, but I'll add this to the list for a future update to the theme.

Thanks.

archetyped avatar Aug 18 '15 01:08 archetyped

i've came across the same issues, as i have a site that scrolls horizontally, but the lightbox pops up at the leftmost view. is there anything i can hack around or is it still on the agenda to add this functionality eventually?

whysthatso avatar Apr 05 '21 19:04 whysthatso

i think i might just have to do some style overwriting and that would solve it, but there might be a more elegant way than to just bluntly hammer it over with the style.css in the theme?

whysthatso avatar Apr 05 '21 19:04 whysthatso