• Registered: 2012-12-08
  • Posts: 1

Topic: CSS for thumbnails

Which CSS elements handle the thumbnail display along the bottom of the screen in the default view?  I'd like to add some padding above and below the thumbs and change them to gray scale, displaying only the current image in color.  Thanks!

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

Re: CSS for thumbnails

You might be able to achieve your goal by increasing the imagePadding and stagePadding configuration options from their default values of zero.

If you wish to find out which CSS classes are associated with specific elements within your gallery, you can use the developer tools in your browser. For example, in Firefox, right-click the element in question and select 'Inspect Element' from the menu displayed.
However, please note that the Juicebox layout is carefully configured and changing this by introducing padding manually may have unwanted knock-on effects.