2013-11-22, 08:29:16
(2013-11-22, 08:01:47)stryker Wrote: Unfortunately I still don't get the thumbnails centered on the page. I have created an "Out of the box" install and only added the gallery plugins that are needed.I tried mvlcek recommendation – for me it works:
My code on the "gallery" page is;
<div id="content">(% gallery name=test %)</div>
I copied your CSS exactly but I only get one icon per row as per this image attached.
I then just take out the "float: none" and multiple thumbnails appear on the same row as expected but again they are not centered in the containing div. (as per this image)
It's getting quite challenging I think. The reason why I thinks it's important is that the gallery looks so much better when centered in the space around it. Especially when the layout is fluid because of the different possible viewpoints.
If I had a magic wand I would also wish for the thumbnails to justified between the parent div no matter what size the view port is - ie the space between the images are the same as the space between the left / right of the parent div and the first / last image on that row - Then again if I had a magic wand I would probable wish for other things as well
Code:
div#your_container_for_gallery .gallery-prettyphoto {
text-align: center;
}
div#your_container_for_gallery .gallery-prettyphoto .gallery-thumb {
float: none;
display: inline-block;
}