Any way to make Gallery's layout with Gallerific more responsive?

Hi I'm working on this Gallery page:

http://www.no21york.co.uk/gallery.html

But I'm struggling to find where the div 'gal-gaff-thumbs' is defined. I've checked all the css files for Gallerific, but this seems to be set inline. I can't find any reference is javascript files to the 300px width that the thumbnails currently display in.

The rest of the website is responsive. I'd just like to set the gallery placeholder to be say 80% wide and have the thumbnails all lined up below if possible? Does anyone know how to do this or any other way to neaten this page up a little?

Thanks for any help.

Quote from: jonahnaylor at Apr 01, 2014, 05:58 AM

Hi I'm working on this Gallery page:

http://www.no21york.co.uk/gallery.html

But I'm struggling to find where the div 'gal-gaff-thumbs' is defined. I've checked all the css files for Gallerific, but this seems to be set inline. I can't find any reference is javascript files to the 300px width that the thumbnails currently display in.

The rest of the website is responsive. I'd just like to set the gallery placeholder to be say 80% wide and have the thumbnails all lined up below if possible? Does anyone know how to do this or any other way to neaten this page up a little?

Thanks for any help.

I was having the same problem - what I found was that it is in fact the navigationWidth that you need to change. All this can be done in the gallery snippet call. Somethin like this:

[[!Gallery? &album=`my-gallery` &plugin=`galleriffic`&gallerifficCss=`/assets/components/gallery/packages/galleriffic20/css/galleriffic-2.css` &numThumbs=`6`&autoStart=`1`&navigationWidth=`640px`&gallerifficThumbWidth=`72` &gallerifficThumbHeight=`72`]]

I hope that helps