None of what you are looking to achieve can be done with the available configuration options and using CSS to tweak the position of gallery elements can often involve some trial and error. Doing so can also sometimes cause unpredictable results as Juicebox will not know of any changes you make. For example, if you move an element within the gallery via CSS, Juicebox will expect it to be elsewhere and this may cause problems and/or unwanted knock-on effects (perhaps when the browser window is resized). As such, CSS modifications to shift gallery elements around are not officially supported and you do so at your own risk. That said, I hope you find the notes below helpful.

Try adding CSS code such as the following to your gallery's web page:

/* Image number */
.jb-cap-frame .jbac-number {
    margin-top: 20px !important;
}

/* Image Title */
.jb-caption .jb-caption-title {
    margin-top: 20px !important;
}

/* Image Caption */
.jb-caption p {
    margin-top: 20px !important;
}

Some trial and error may be required but tweaking the margins (as above) should work.

Other than changing the thumbsVAlign setting (TOP, CENTER, BOTTOM), you could try using the following CSS code:

/* Thumbnails */
.jb-idx-thumbnail-container {
    margin-top: 20px !important;
}

/* Thumbnail Navigation Arrows */
.index-navigation.jb-navigation {
    margin-top: 20px !important;
}

You could embed the gallery directly in a web page rather than using the Splash Page by setting showSplashPage="NEVER". However, this is a Pro-only option, too.

Maybe the best solution for Juicebox-Lite at the moment (until the bug is fixed) would be to create your own version of a Splash Page (an image link using HTML) which would link directly to the gallery's own HTML index page (opening the gallery on a web page of its own). Even a text link such as the following would work:

<a href="gallery_folder/index.html">Click to open gallery.</a>

I'm very happy to hear that you have been able to resolve your problem.
I'm glad I was able to help in some small way (by reporting my findings and at least pointing you in the right direction).
Thank you very much for taking the time to email me back to let me know and for posting details of your problem and solution in the forum thread.
Hopefully it will help other users facing a similar problem.

In a 100% x 100% gallery on a mobile device (where the gallery is the only element on the web page and the web page fills the browser window), the viewport is locked and pinch-zooming is disabled. It would not be possible to change this.
Pinch zooming would be possible only if the gallery is embedded in a web page alongside other content (at dimensions of less than 100% x 100%) which would result in the viewport not being locked by Juicebox.

The embedding code should be copied into your web page unmodified as HTML code.
If RapidWeaver thinks that whatever you are pasting should be displayed on screen as plain text (rather than parsed by the browser as HTML code), then it will escape certain entities (as you have reported).
It looks like you may need to check that you are entering the embedding code as raw HTML rather than plain text. Please check the input mode on your editor.

There is nothing wrong with this browser. My point was that if any browser sees a line such as:

<script src=&bdquo;jbcore/juicebox.js&bdquo;></script>

... then the browser will fail to load the 'juicebox.js' file into the web page and the Juicebox gallery will, therefore, fail to display (as that is no longer valid HTML code, having been modified by Rapidweaver).

The error message you pasted suggests that your gallery files may be on a different domain or subdomain to the web page containing the gallery's embedding code. All gallery files must be on the same domain or subdomain due to the JavaScript same-origin policy. Otherwise, you could implement a Cross-Origin Resource Sharing (CORS) solution by adding the following line of code to the .htaccess file in the root directory of the domain which currently hosts your gallery.

Header add Access-Control-Allow-Origin "*"

It would certainly help if I could see the code you are using and the file structure of your site.
If possible, please send me a zip file of your complete project. I have sent you a message with an email where you can forward it to me.
In the meantime, please make sure that you are entering your embedding code in RapidWeaver's raw HTML (rather than plain text) input mode so that your double-quotes are not escaped. I am not familiar with Rapidweaver but their own support (or a web search) should hopefully be able to help you with this.

This bug is due to be fixed in the next version of Juicebox (although I do not know when it will be released).
If you would like to be notified when new versions are released, then please join the mailing list at the foot of our homepage, follow us on Twitter @JuiceboxGallery or subscribe to our blog RSS feed.

You could certainly set the backButtonUrl to use a path starting with a leading slash (to denote your root directory).
This should work on whatever domain (or subdomain) the gallery is on.
However, this will work only within the iframe.

You could perhaps attach a custom click handler to the Back Button icon class and load the URL (starting with the leading slash to work on both your subdomains) as the 'top' window (replacing the iframe and its parent page) using JavaScript.
You could try using embedding code such as the following:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    // Give your 'juicebox' object a variable name (in this example 'jb') so that you can refer to it later
    var jb = new juicebox({
        containerId: 'juicebox-container',
        backButtonPosition: 'TOP',
        backButtonUseIcon: 'TRUE'
    });
    // Attach the click handler to the Back Button icon class when the gallery is ready
    jb.onInitComplete = function() {
        $('.jb-go-back').click(function() {
            // Load the URL as the 'top' window (replacing the iframe and its parent page)
            window.top.location.href = '/e/';
        });
    };
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Hopefully you will be able to implement this within your project.

It might not be as difficult as you think.
You could use the online custom cursor creator (link above) to create a couple of new cursors (one for the 'previous' hit area and one for the 'next' hit area).
After designing the images, download the cursor files, and name them 'previous.cur' and 'next.cur'.
Next, copy the two .cur files into your gallery's 'jbcore/classic/' folder.
Finally, add the CSS code (from my post above) to the end of the 'jbcore/classic/theme.css' file (in a plain text editor).

If you are looking to have the gallery displayed in your web page instead of the Splash Page (which is displayed by default in Small Screen Mode when the gallery is embedded in a page with dimensions of less than 100% x 100%), then you can enter showSplashPage="NEVER" in the Pro Options text area.

Alternatively, you could force the gallery to be displayed in Large Screen Mode (which does not display the Splash Page unless showSplashPage="ALWAYS") by setting screenMode="LARGE".

For more information about the Splash Page and Screen Modes, please see here.

If you are looking to actually pinch-zoom an image within a Juicebox gallery, then this is possible but you would need to be very precise as the start of a pinch-zoom gesture is likely to be interpreted as the start of a gallery-specific gesture (such as a swipe to navigate between images).

I hope this helps.

maxCaptionHeight is a pixel value (rather than a number of text lines). If you have set your gallery's maxCaptionHeight to only 5, this will not be large enough to display your caption text. Try increasing it. (The default value is 120.)

When you select 'Images -> Captions -> Use IPTC Caption', JuiceboxBuilder-Pro will extract the IPTC Caption embedded within each image and use it as the image's caption. If there is no such data embedded within the image, the caption will be blank.

(If you use Adobe Photoshop to enter your IPTC data, then use the IPTC Document Title field for the Juicebox title and the IPTC Description field for the Juicebox caption.)

If you click on a thumbnail on the 'Images' tab, you can enter custom text for the image's caption.

If none of the above helps and you still do not see captions in your gallery, please post the URL to your gallery so that I can take a look and hopefully help further.

It looks like the problem is with the height of the gallery rather than with the size of the images themselves.
Your gallery currently has a height of 70%. This means that your gallery's actual height will 70% of the height of its parent container.
When using a percentage value for a gallery's height, it is necessary to explicitly give the gallery's parent container a height so that Juicebox can calculate the gallery's actual height. Juicebox needs to know what the gallery's actual height should be 70% of.

Try one of the following:
(1) Make sure that the gallery's parent container has a height specified via CSS and increase its value if necessary.
This may be difficult to do in a CMS environment such as Drupal where containers are created by the theme.
... or:
(2) Set your gallery's height to be a fixed pixel value rather than a percentage (such as '600px').

Please also see this note for Using Percentage Heights.