• Registered: 2013-11-14
  • Posts: 1

Topic: Gallery positioning within a Muse page

Hello, I have read the other questions about embedding Juicebox code within Muse pages.

The problem that I have is that the gallery is positioned towards the bottom right of the page.

The is the code I am using for a Top Left Gallery

    <script src="owners/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl : 'owners/',
containerId : "juicebox-container",
galleryWidth: "800",
galleryHeight: "900",
backgroundColor: "rgba(229,255,242,1)"
});
</script>
<div id="juicebox-container"></div>

I have tried changing the Muse master from 12 columns to 1 column but this makes no difference.

Can you see what is wrong ?

Many thanks,

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

Re: Gallery positioning within a Muse page

Within a gallery's embedding code, you can change the size of the gallery container (via the galleryWidth and galleryHeight configuration options) but not where it appears in the embedding web page.
The positioning of a gallery within a web page is dependent entirely on the code of the web page itself (and where in the web page you paste the embedding code).

If you post the URL to your web page I can take a look and perhaps suggest a way to move your gallery further up your page.