This may be caused be a conflict between the CSS on your page and that of the gallery itself.
Check your page's CSS (there are 30 external CSS files listed on your page) for any generalized CSS that the gallery might inherit. Look out for any CSS rules that, for example, apply to all 'img', 'p' or 'div' tags (rather than just specific instances of these tags through use of ids and classes).

To remove the padding around the titles and captions, try adding the following CSS to your gallery's 'jbcore/classic/theme.css' file:

.jb-cap-frame .jb-caption {
    padding: 0 !important;
}

As you are aware, Juicebox does not support positioning captions to the left or right of the main images but I notice that you have suggested this in the Feature Requests thread. Thank you for your suggestion.

Looking at the dynamically generated XML file for your gallery, the XML declaration is not at the very top of the document (where it should be). Line 1 of the file is blank.
Try viewing the file in a browser to see the error message: http://www.beavanderheijden.nl/site/wp- … llery_id=9
The file is created with the PHP function saveXML() so there should be no blank line before the XML declaration.

The cause may be due to a specific version of PHP. What version of PHP does your web server run and did your web host upgrade its PHP version recently?

The fix is to change line 148 of the 'wp-juicebox/config.php' file to the following:

echo $new_dom_doc->saveXML($new_settings_tag);

This fix will be included in the next version of WP-Juicebox.

To browse inside the 'juicebox.lrwebengine' package, use ctrl-click and select "Show Package Contents".

The drop shadow for the captions is not configurable from within the JuiceboxBuilder-Pro interface.
Edit the 'jbcore/classic/theme.css' file in a plain text editor and remove lines 215:

text-shadow: 1px 1px 2px rgba(0,0,0,0.5);

(The line number refers to Juicebox-Pro v1.2.0.)

Instructions for adding images to a WP-Juicebox gallery (for both WordPress prior to v3.5 and WordPress v3.5 or later) can be found on this web page (using WordPress's own terminology). Essentially, all you need to do is attach images to the post containing the gallery and the images will appear in the gallery.

The margin around the main image is controlled by the imagePadding configuration option. The imagePadding value is used in all directions (top, bottom, left and right) around the main image.
In order to use this configuration option in WP-Juicebox, you would need to upgrade the plugin from Juicebox-Lite (which it comes bundled with) to Juicebox-Pro by following the instructions on this page and then add imagePadding configuration option to the Pro Options text area in your gallery settings.
There are no configuration options to adjust the padding around the titles and captions, though you can set maxCaptionHeight (to ensure that the caption area's height does not go beyond a set value) and captionHAlign (to horizontally align the titles and caption within the caption area).
If you wish to configure a gallery beyond the available configuration options, you might like to look into modifying the gallery's 'jbcore/classic/theme.css' file. Please see the Theming Guide for further information.

We plan to introduce new configuration options in the next version of Juicebox-Pro which will allow you to horizontally and vertically align thumbnails and main images within their respective areas. Until then, make sure that you set low values for thumbPadding and imagePadding to minimize the space between the thumbnails and main images.

@Alfred

Upgrading WP-Juicebox should not cause this error message to be displayed. Try re-uploading the plugin files to your web server to ensure that all files are present and correct in case something happened to corrupt a file during the initial upload.

That is perfectly normal. That should be the only XML file in the 'wp-juicebox/' folder. The gallery XML files are stored in the 'wp-content/uploads/juicebox/' folder.

It sounds like your web server may not support the PHP function used to set the permissions on the 'wp-content/uploads/juicebox/' folder but as long as the permissions have been set to 0777 manually, the plugin should activate successfully.

Perhaps both of your problems are related. Please post the URL to one of your WP-Juicebox galleries which is displaying the 'Config XML Not Found' message so that I can take a look.

It looks like the code should go in the gallery's own 'index.html' page (the page you are loading into the <iframe>).
You may also need to include jQuery in that page by adding the following code to the <head> section of the page:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>

If you want to prevent browsers from caching your gallery's XML file, try defining your gallery's XML file with a unique identifier (e.g. the current time which will be different each time the browser loads the page) using the configUrl option in your gallery's embedding code.

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId : 'juicebox-container',
        configUrl : 'config.xml?nocache=' + new Date().getTime()
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

At the moment on your web site, the embedding code is in both pages.
However, the gallery's own 'index.html' page is required only if you want to view the gallery on a page of its own (or if you want to load the gallery into an iframe).
As you are embedding the gallery into an existing page alongside other content, the gallery's own 'index.html' page is redundant and can actually be deleted from your web server if you like.

There is no need to replace the code in the gallery's 'index.html' file (see above). Just change the URLs in the embedding code in the 'interiors.html', 'exteriors.html' and 'projects.html' pages.
The JavaScript code tells Juicebox to fill the 'juicebox-container' <div> with the gallery. The JavaScript code should be outside the 'juicebox-container' <div>.

I notice that you have the embedding code correctly inserted into your http://www.hotelmandarina.com/rooms_rates.html page.
However, the path to the 'juicebox.js' file within the embedding code is incorrect.
Copy the contents of your gallery folder to the root of your web space (alongside the 'rooms_rates.html' file) and your gallery should display fine.

Your gallery (the 'juicebox-container' <div>) is horizontally centered within its parent container and, within the gallery, the thumbnails are centered within the thumbnail area and the main image is centered within the image area. Most of your main images are portrait style and, in a landscape style gallery, there is space to the left and right of the main image. Try resizing your gallery browser (by reducing its width) and you will see that the thumbnails and main images become closer together.

This is because you have set thumbsPosition="LEFT" and thumbNavPosition="BOTTOM".

Currently, there is no configuration option available to horizontally align the main images to the right edge of the image area. However, in a browser window of a certain aspect ratio (closer to portrait than landscape), the right side of your main images will be flush against the right edge of the gallery. Try resizing your browser window and you should see this.

My suggestions above would move the thumbnails away from the left edge of the gallery.
If you wanted the thumbnails as close to the main images as possible (for images of all aspect ratios), you could set the following configuration options:

thumbsPosition="LEFT"
maxThumbRows="3"
maxThumbColumns="3"
thumbNavPosition="BOTTOM"
thumbPadding="0"
imagePadding="0"
imageScaleMode="FILL"

Changing thumbNavPosition from "BOTTOM" to "CENTER" will reserve space to the left and right of the thumbnails for the thumbnail navigation arrows.
As I noted above, there are currently no configuration options to horizontally and vertically align the thumbnails and main images within their respective areas but such options should be introduced in the next version of Juicebox-Pro.