• Registered: 2013-07-22
  • Posts: 1

Topic: Center gallery in an (Joomla) article

I have a JuiceBox gallery that I embed in an (Joomla) article. Works fine except that I can’t center it, it’s aligned to the left. The align-center tag works fine for the div-tag with the “HEADLINE” text, but not for the gallery.
Any idears?

<div align="center">HEADLINE</div>  //Works fine

<!--START JUICEBOX EMBED-->
<script src="/jsn/images/mypics/lightroom/juicebox/JB_Default/jbcore/juicebox.js"></script>

<script>
  new juicebox({
    baseUrl : '/jsn/images/mypics/lightroom/juicebox/JB_Default/',
    containerId : 'juicebox-container',
    galleryWidth : '50%',
    galleryHeight : '50%',
    backgroundColor: '#222222'
  });
  </script>

<div align="center" id="juicebox-container"></div>  //NOT Working

<!--END JUICEBOX EMBED-->
  • Registered: 2012-04-24
  • Posts: 5,924

Re: Center gallery in an (Joomla) article

Try the following:

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