1 Topic by kevin.venables (edited by kevin.venables 2014-07-23 10:09:43)

  • Registered: 2013-09-29
  • Posts: 34

Topic: No Forward/backward buttons in Chrome

I have just discovered that when using Chrome I get no forward/backward buttons ok when using IE or IPAD

www.arunset.com


InstanceBeginEditable name="MainContent" -->
    <!--START JUICEBOX EMBED-->
<script src="/Flynn 2014 Gallery/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : 'juicebox-container',
galleryWidth: "100%",
galleryHeight: "80%",
baseUrl : '/Flynn 2014 Gallery/'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
     <!-- InstanceEndEditable --> </div>

I have another site with www.northernenglishsettersociety.co.uk/ and I do not have same problem

<!--START JUICEBOX EMBED-->
<script src="/Juiceopen/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : 'juicebox-container',
galleryWidth: "100%",
galleryHeight: "80%",
baseUrl : '/Juiceopen/'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

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

Re: No Forward/backward buttons in Chrome

It looks like your problem may be caused by some CSS in your 'style.css' file which the Juicebox gallery is inheriting.
On lines 344-351 you have the following code:

body {
    z-index: -100;
    font: 12px Arial, Helvetica, sans-serif;
    background-color: #333;
    background-image: url(images/bgrepeat.png);
    background-repeat: repeat;
    text-indent: 5px;
}

The problem seems to be caused by the text-indent: 5px; entry on the body tag.
Try applying this CSS rule to only those elements on your web page which require it (rather than to the body tag) through use of CSS selectors.
This should hopefully solve your problem.

  • Registered: 2013-09-29
  • Posts: 34

Re: No Forward/backward buttons in Chrome

Steven,

Your solution worked fine on Arunset, however have same problem on www.thendara.co.uk and removing the text indent in the body has had no effect.

body {
    z-index: -100;
    font: 12px Arial, Helvetica, sans-serif;
    background-repeat: repeat;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    color: #454545;
    background-color: #000d1a;
}

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

Re: No Forward/backward buttons in Chrome

The problem with your 'thendara' galleries seems to be the text-indent: 5px; entry on line 209 of your http://www.thendara.co.uk/style.css file.
If you remove this line from the .container_12 .grid_3 section of the file, your gallery's navigation arrows should be in their correct positions.