Harringtondl

I finally found an excellent solution to this problem of blank spaces in the thumbnail display that was posted 7 months ago by Bee Dudler (in July 08). This may help others to find it. It is a simple but effective solution that adds a height:xxx px parameter to the ngg-gallery-thumbnail-box section of nggallery.css. Bee Dudler recommended 310px for the value of xxx for the spacing height between thumbnail rows, but 150px still got rid of all my blank spaces and looked a little better than 310px. Just add the height parameter (height:150px;) to the particular css file that you are using (I was using the default nggallery.css) and use the value that looks best for you when your matrix of thumbnails is displayed. See the original posting for more discussion.
Harringtondl

I also had the annoying problem of many blank spaces in all 38 of my thumbnail displays. I finally found this great fix that Bee proposed 7 months ago. Thanks Bee Dudler; I made the addition you suggested to the .ngg-gallery-thumbnail-box section of nggallery.css and it worked like a champ! All of my blank holes in all of my gallery thumbnail displays instantly vanished. I had been chasing this problem for a couple of months.
One further comment that may help someone else. I found that height:310px was way more than I needed. It gave lots of open space between the rows of thumbnails. I gradually reduced it, trying 250px, 200 px and then 150px. I found that for me 150px was best. It gave me zero blanks and a good looking matrix of thumbnails. What works best for each person will depend upon the thumbnail size you are using and the amount of descriptive text. Thanks again to Bee Dudler for the excellent solution to the problem.
Dave Harrington
Troy, Michigan USA

To grumbledook: I can see where some might view it as overkill, but it is straightforward, and really doesn’t ask for much to eat. It gives you complete flexibility to do whatever you want to make these pages different, either now or in the future, including the header, sidebar or body width. I stretched some of my pages out to 1000 px from the original 750 px. Once you have the multiple stylesheets in place you can be sure that any changes you make to one dedicated stylesheet will not affect the other pages, only the ones assigned to it. You mentioned that you created a new page template, but you did not indicate whether this method worked. Did it work for you?
Harringtondl

Good point on the multiple page issue. But it would seem that you could have a separate and unique stylesheet for only your optional static homepage using the method that I outlined. For example, the homepage template would be myhomepage.php and the stylesheet would be myhomepage.css. You would add two blocks of code to header.php, one for the default (page.php and style.css) and the other for the homepage template and stylesheet. I’ll give some more thought to your Page/2/ page/3 problem.

I also provided a comment to another similar need just a few minutes ago in this forum. See my posting of 10 hours before yours that has the title “How to have a Separate style.css file for each Page Template”. I was making much greater changes between pages than you have indicated, thus you should be aware that this may be overkill for just changing a background color, but it WILL allow you to make changes to nearly any aspect of each page (body width, header, font, color, with or without sidebar, etc) without affecting the other pages. You will have to create an optional page template and css file for each city, such as denverpage.php and dallaspage.php, but this just involves copying page.php and adding a unique page template name (probably the city name) at the top of each. Where you create the page in your WordPress Admin, scroll down near the bottom of each page and change the page-template selection from “default” to the correct one that you have created. Next you create a separate style.css file for each city in the same way. Name these style.css files to be correspondingly unique for each of your cities, such as denverstyle.css and dallasstyle.css for example. Then change the formatting within each css file to whatever you want. It will only apply to that city-page. Finally, see my posting for how and where to install the code that properly links each css file to its corresponding page template.

See my Posting of a half-day before yours in this forum, entitled “How to have a Separate style.css file for each Page”. The coding and procedures that I describe there should work for your needs. It works very well for me.

Thanks for the input Shanaya. I tried what you said with no luck. My max thumbnail size was only 120×84 to start with (I use only landscape orientation for my gallery photos). I tried 120×120 square, and I tried deleting the thumbs directory in one of the galleries under wp-content, then recreating the thumbs, but if anything I created more blank spaces than I had. I haven’t tried the extreme case of starting from scratch and deleting all of the photos (jpg files) from the gallery, then uploading them again using FTP, because of the work involved. I have 2000 5-megapixel photos in my galleries. Maybe I will try this on one of the smaller galleries to see if it does any good. When I create a new gallery and upload photos into it I don’t have any problem (no blank spaces between thumbnails), but when I start modifying the sort order and deleting and adding photos, blank spaces start appearing. As I said above, the blank spaces do not seem to affect the slide show … it is purely a cosmetic effect.