• Registered: 2015-08-13
  • Posts: 5

Topic: Fullscreen Caption Alignment Issue [SOLVED]

The default of LEFT for captionHAlign does not work in fullscreen mode - nor by setting it manually. It is by default CENTER (ugly offset) in fullscreen mode and although manually setting to RIGHT does work, setting to CENTER makes no difference.

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Fullscreen Caption Alignment Issue [SOLVED]

The alignment of the captions (the default value and captionHAlign values) seems to be working OK in these two demo galleries:
Full (expands fullscreen): http://juicebox.net/demos/pro/full/
Embedded (expands full browser): http://juicebox.net/demos/pro/embedded/

These demo galleries set debugMode="TRUE" so you can set captionHAlign values (or any other configuration options) via a query string in the URL if you like, e.g.: http://juicebox.net/demos/pro/full/?cap … ign=CENTER

If possible, please post the URL to a gallery which exhibits the problem so that I can investigate further.
Perhaps there is a certain combination of configuration options which is causing the problem or, maybe, if you are embedding a gallery in a web page alongside existing content, there are some custom CSS rules which is somehow conflicting with the gallery's own CSS code.
Once I am able to see the problem for myself, I should hopefully have a better understanding of what might be going on.
Thank you.

  • Registered: 2015-08-13
  • Posts: 5

Re: Fullscreen Caption Alignment Issue [SOLVED]

http://lyndonhaven.com.au/index.cfm/go/main.gallery

  • Registered: 2015-08-13
  • Posts: 5

Re: Fullscreen Caption Alignment Issue [SOLVED]

It's OK. I have found the issue. It's inheriting text-align: center from body - a common solution to centre align the main container for IE.

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Fullscreen Caption Alignment Issue [SOLVED]

I'm glad you have found the root of your problem. Thank you for posting back to let me know.

... a common solution to centre align the main container for IE.

If you want to horizontally centre a Juicebox gallery container within its parent container, then try the following:

<div id="juicebox-container" style="margin: 0 auto;"></div>
  • Registered: 2015-08-13
  • Posts: 5

Re: Fullscreen Caption Alignment Issue [SOLVED]

Thanks for the additional solution.

I might add, from what I understand, body center was only required before IE8 and IE7 usage is now less than 1%.

So, your way would be better if concerned about IE7 users.