Topic: Buttons Issue on Website

Hi...I have loaded my slideshow onto my website and for some reason all of the buttons are little squares when scrolling over the photo.  Here's a link to my slideshow http://www.wizofozphotography.com/weddinggallery .  The buttons look fine when viewing on my Android phone, however the problem is when viewing on a PC and on Google Chrome.  I tried viewing it on Firefox and it was fine.  Thanks in advance for any help.

Re: Buttons Issue on Website

Please see the reply to your other query in this forum thread.
Hopefully this will solve your problem.

If the suggestion in the forum thread does not help, then please check the following.

(1) The icons in a gallery are characters in a custom font so please check to see if your web page sets a font-family for all elements on your web page using a global CSS selector, such as:

* { font-family: Courier; }

If this is the case, Juicebox will have no option but to inherit such a CSS rule. The font-family will apply to all elements on your web page, including those within your gallery. Try setting the font-family to the 'body' element of your web page instead (or better still, to only those elements on your web page which require it through use of ids or classes).

(2) Try re-uploading your gallery's 'jbcore' folder to ensure that all the font files (in the 'jbcore/classic/fonts' folder) are present and correct on your web server (in case something happened during the initial upload resulting in corrupt or missing files).

Also, I notice that your gallery uses Juicebox-Pro v1.4.2.
You might like to upgrade your gallery to v1.4.3. Full instructions for downloading the latest version and for upgrading existing galleries can be found on the Upgrading Juicebox support page.
More information about v1.4.3 can be found in this Juicebox blog entry.