I have the larger gallery thumbs on my homepage and would like the text underneath and more thumbs (preferably 6) across. Will moving text underneath automatically make room for more thumbs or is that a script issue? Either way I would appreciate help.

will this just effect my homepage or gallery link pages too? my apologies, im sure this is already posted but couldn't find it

Originally Posted by austinjames I have the larger gallery thumbs on my homepage and would like the text underneath and more thumbs (preferably 6) across. Will moving text underneath automatically make room for more thumbs or is that a script issue? Either way I would appreciate help. will this just effect my homepage or gallery link pages too? my apologies, im sure this is already posted but couldn't find it

To get the text under each thumb add the Mini-box hack
See >>> CUSTOMIZATION: Start here <<< at top of this forum.
Mini-box hack #10 in the ADVANCED Customization FAQ:
http://www.dgrin.com/showthread.php?t=52811

This will effect every gallery box on the homepage, category and sub-cat page. If you want a set
number of thumbs across this can be achieved by setting a static page width and adjusting the R/L
margins of the thumbs. See example here and jump to the different months in the upper right.
I also have this hack installed.

okay got it, now I have 3 across with lots of space...which line in the code do I change to eliminate space issue?

I am using a percentage script to set the size of my page:
#homepage { width: 70% !important; margin: 0 auto !important; }

and this script to eliminate overflow on recent photo's
#recentPhotosBox .boxBottom { height:260px; overflow:hidden; } I am looking for a script to do this with popular photos as well

so I don't have a set screen width....but I do like the way your gallery looks, not sure if I want to start over to get a set amount of galleries, just want more so my page looks more consistent....

Originally Posted by austinjames okay got it, now I have 3 across with lots of space...which line in the code do I change to eliminate space issue? I am using a percentage script to set the size of my page: #homepage { width: 70% !important; margin: 0 auto !important; } and this script to eliminate overflow on recent photo's #recentPhotosBox .boxBottom { height:260px; overflow:hidden; } I am looking for a script to do this with popular photos as well so I don't have a set screen width....but I do like the way your gallery looks, not sure if I want to start over to get a set amount of galleries, just want more so my page looks more consistent....

For any of these boxes the thumbs are added in from the left and flow across wrapping to the next
line when filled. With the box stretching with the browser it's a moving target.

I think I understand that moving target concept...but in the recent and popular photos the thumb number just grows in the box as the screen widens but the spacing between them stays consistent...are you saying I can't eliminate the space in the same way as the screen enlarges? my apologies for not understanding this better....it's a new language to me but I'm learning : )

Originally Posted by austinjames I think I understand that moving target concept...but in the recent and popular photos the thumb number just grows in the box as the screen widens but the spacing between them stays consistent...are you saying I can't eliminate the space in the same way as the screen enlarges? my apologies for not understanding this better....it's a new language to me but I'm learning : )

This will effect your galleries boxes on your home page and category pages. Disables the default with
comment tags and adds in new adjustments.

/* .boxBottom .albumLarge {width:192px; height:350px; text-align:center; margin:0 24px;} */
.boxBottom .albumLarge {width:182px !important; height:250px; text-align:center; margin:0;}

Works!! thanks Allen!!! Really appreciate your help!

Originally Posted by austinjames Works!! thanks Allen, ONE more thing and I will quit for the day....the thumbnail spacing on the row is great! Now I just need to get the spacing between the rows fixed. The distance or space between the first, second, and third rows is still to big. Almost there...really appreciate your help!

Adjust the height but be careful to not cut off any text. 230px seems to be the minimum.

.boxBottom .albumLarge {width:182px !important; height:250px; text-align:center; margin:0;}


Might also add this to add a little space at the top of the box.

#galleriesBox .boxBottom {padding-top: 30px;}

it works when Im logged out, but the spacing is only there logged in....thanks for the added info I will work on it. Looking at it I see that the thumbs are not centered under the banners. Is there a way to do that? Feel like I need to send you a Starbucks card or something : )

Originally Posted by austinjames it works when Im logged out, but the spacing is only there logged in....thanks for the added info I will work on it. Looking at it I see that the thumbs are not centered under the banners. Is there a way to do that? Feel like I need to send you a Starbucks card or something : )

I would not worry about what it looks like logged in unless it's hard to work with something.

See if you like this. It sets a static width of the homepage and category pages so you can have a
consistent look to each. Adjusted width and R/L margins of thumbs and added a slight padding to the
top of homepage galleries box. Also adjusted recent and popular R/L margins.

Change this

#homepage { width: 70% !important; margin: 0 auto !important; }

#recentPhotosBox .boxBottom { height:260px; overflow:hidden; }

to this

#homepage { width: 940px !important; margin: 0 auto !important; }

#category.category { width: 760px !important; margin: 0 auto !important; }

#galleriesBox .boxBottom {padding-top: 20px;}

#recentPhotosBox .boxBottom {height:260px; overflow:hidden; }

#popularPhotos .photo,
#recentPhotosBox .photo {margin: 10px 10px !important;}

I love it!... and it solves the issues I was wrestling with! thanks again for all your help.