Does this mean that the Juicebox has to live with the header and the footer all the time?
If a gallery is embedded in a web page (alongside other content), then the gallery can be expanded (to fill the browser window) by clicking the 'Expand Button' on the gallery's Button Bar. Once the gallery has been expanded, visitors can navigate through your images (in the full-browser gallery) and then return to the embedding page by clicking the 'Close Gallery' button on the gallery's Button Bar.
Check out (and try expanding) this demo gallery which is embedded on a web page containing both a hear and footer.
If I added a Copyright symbol followed by Tony Gamble, we could keep this on the same line as the Return to. Could you add this for me - maybe in the same blue as at the bottom of the sample I pointed you to?
Try:
<a href="/HurlList/" style="color: #ffff00; text-decoration: none;">Return to lots more Hurlingham Memories</a> | <span style="color: #33b4ca; ">© Tony Gamble</span><br /><br /><span style="color: #33b4ca; font-size: 48px;">Art Group Reception.</span>I see what you mean about the overlapping but it would not bother me on a PC.
At the moment, when I view your gallery on my iPod Touch, the display is less than optimal. The Gallery Title overlaps the thumbnails quite significantly and, with the size you have chosen for your thumbnails, only one thumbnail is displayed per page.
Please remember that Small Screen Mode was designed specifically with small screen devices in mind (and you are using it for both small and large screen devices).
Default settings may provide a more aesthetically pleasing display but I realise that the default settings do not provide the layout that you are hoping to achieve.
Hopefully you will be able to reach a compromise though (maybe by reducing the amount of Gallery Title text and reducing the thumbnail size or by using a page template with a header and/or footer to accommodate extra content).
You seem to have used a font with a shadow and that is a good way of ensuring it is relatively readable regardless of how light or dark the background is.
The drop-shadow on the text is controlled by the textShadowColor configuration option (in JuiceboxBuilder-Pro's 'Customize -> Color' section), regardless of the font family being used. If you wanted to (just to let you know), you could remove the drop-shadow by setting textShadowColor="rgba(0,0,0,0)".
Have you given me Times New Roman?
Not yet. Just set galleryFontFace="Times New Roman" (in JuiceboxBuilder-Pro's 'Customize -> General' section) or, to set the font family for just the Gallery Title, you could use:
<p style="font-family: Times New Roman;"><a href="/HurlList/" style="color: #ffff00; text-decoration: none;">Return to lots more Hurlingham Memories</a> | <span style="color: #33b4ca;">© Tony Gamble</span><br /><br /><span style="color: #33b4ca; font-size: 48px;">Art Group Reception.</span></p>I need, finally, to look at the Signature. Presumably I create a signature and save it to a jpg. Can you save me some experimenting time by suggesting the pixel width I need when creating the jpg?
It sounds like you are referring to an image to be used as a Watermark. If so, then the image should ideally be a PNG image with a transparent background (as noted in the Adding Watermarks support section.
I can't really recommend a size for your watermark image. It's really a personal choice and depends on the resolution of your gallery images (the resized images for the gallery, not the source images) and how much coverage you want for your watermark.
If you want your watermark to span the entire width of of your gallery images, then make your watermark image the same width as your resize width. Otherwise, make it a little smaller. You should be able to find a suitable size with a little trial and error.
Thanks as always for the help. It is brilliant.
You're welcome!