• Registered: 2013-01-08
  • Posts: 2

Topic: Positioning a fixed size gallery

I have created a Juicebox-lite gallery and embedded it in my HTML. My goal is to have a fixed size galley ( about 50% of the image size ) but I would like to be able to position the gallery
on my webpage. Currently the gallery is positioned in the upper left corner of the page. I would like to position the gallery near the center of the page. Is is possible?

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

Re: Positioning a fixed size gallery

You can horizontally center your gallery by replacing the following line in your gallery's embedding code:

<div id="juicebox-container"></div>

... with:

<div id="juicebox-container" style="margin: 0 auto;"></div>

You can add space above or below your gallery with HTML line breaks <br />.

  • Registered: 2013-01-08
  • Posts: 2

Re: Positioning a fixed size gallery

Thanks for your response. I'll give that a try.
Does the Pro version offer more flexibility in placing the gallery?

  • Felix
  • Juicebox Support Team
  • Offline
  • Registered: 2012-04-24
  • Posts: 173

Re: Positioning a fixed size gallery

Does the Pro version offer more flexibility in placing the gallery?

Both the Pro and Lite versions allow you to place a Juicebox gallery anywhere on your HTML page.