I found a post on how to make thumbs go 4 across the page. Can I go full screen width?
What I would like to know is if I can go 6 thumbs per row or maybe eight? Is that possible? If so could you point me in the right direction, I would appreciate it.

http://chris-newman.smugmug.com/

Hi and welcome to Dgrin!

Take a look at step 3 from this post on making your homepage stretch:
http://www.dgrin.com/showthread.php?...etchy+homepage
I'm guessing that might stretch your galleries box as well to fit whatever width the browser window is set to.

Sebastian

Any success on getting more than 4 galleries per row? I thought that selecting "stretchy" would allow galleries to fill the full dimension of the browser, but default seems to be just two. I found hack to make it 4, but that hack introduces too much white space in between rows. I'd love to find a hack that packs categories/galleries in a bit more tightly, with titles below each gallery.

Originally Posted by kiwichap I found a post on how to make thumbs go 4 across the page. Can I go full screen width? What I would like to know is if I can go 6 thumbs per row or maybe eight? Is that possible? If so could you point me in the right direction, I would appreciate it. http://chris-newman.smugmug.com/

Need to increase the page and box width to show 6 across. Then reduce the R/L minibox margin so 6
fit. Also increase height so all text under thumb is seen. Add/change red.

.miniBox {width:122px; text-align:center; height:240px; margin:0 12px;}

#homepage,
#galleriesBox {
   width: 900px;
   margin: 0 auto;
}
     /* adds some space above thuimbs */
#galleriesBox .boxBottom { 
   padding-top: 20px;
}

Originally Posted by colinpurrington Any success on getting more than 4 galleries per row? I thought that selecting "stretchy" would allow galleries to fill the full dimension of the browser, but default seems to be just two. I found hack to make it 4, but that hack introduces too much white space in between rows. I'd love to find a hack that packs categories/galleries in a bit more tightly, with titles below each gallery.

See post #4, the height sets the space vertically between thumbs. That line is for 6 or more thumbs.
This line sets the 5 or less larger thumbs.
.boxBottom .albumLarge {width:192px; height:350px; text-align:center; margin:0 24px;}

Oooh. Got the 6 to display, but no text underneath even when I increase height (tried 800px, eg).

I'm assuming there's no way to display variable numbers of galleries in a window depending upon browser window size? I've seen some smugmug homepages do this, but I think they went to 3rd-party customizer. E.g., http://cleantth.smugmug.com/galleries. That would be ideal, of course.

Originally Posted by colinpurrington Oooh. Got the 6 to display, but no text underneath even when I increase height (tried 800px, eg).

You are missing the 4 across CSS that was modified for 6 across.
Replace this part of your CSS with this. Had to add category box in there also.
Also change height to 180px to reduce vertical space.

/* show six galleries per row allen */
#homepage,
#categoriesBox,
#galleriesBox {
   width: 900px;
   margin: 0 auto;
}

/* adds some space above thumbs allen */
#categoriesBox .boxBottom,
#galleriesBox .boxBottom { 
   padding-top: 20px;
}

/* ==================================================== */
/* == FAQ #18, Line up boxes with titles underneath === */
/* ============== Current as of 13 Feb 07 ============= */
/* ==================================================== */

.miniBox {width:122px; text-align:center; height:180px; margin:0 12px;}
  .miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
  .miniBox .albumTitle {width:122px;}
  .miniBox .description {width:122px;}
  .miniBox .updated {width:122px;}

.loggedIn .miniBox {height:auto; min-height:300px;}
  .loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
  .loggedIn .miniBox input {width:122px;}
  .loggedIn .miniBox textarea {width:112px;}

.boxBottom .albumLarge {width:192px; height:350px; text-align:center; margin:0 24px;}
  .albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
  .albumLarge .albumTitle {width:192px;}
  .albumLarge .description {width:192px;}
  .albumLarge .updated {width:192px;}

.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
  .loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
  .loggedIn .albumLarge input {width:192px;}
  .loggedIn .albumLarge textarea {width:182px;}

Originally Posted by colinpurrington I'm assuming there's no way to display variable numbers of galleries in a window depending upon browser window size? I've seen some smugmug homepages do this, but I think they went to 3rd-party customizer. E.g., http://cleantth.smugmug.com/galleries. That would be ideal, of course.

Change this

//* show six galleries per row allen */
#homepage,
#categoriesBox,
#galleriesBox {
  width: 900px;
  margin: 0 auto;
}

/* adds some space above thumbs allen */
#categoriesBox .boxBottom,
#galleriesBox .boxBottom { 
  padding-top: 20px;
}

/* ==================================================== */
/* == FAQ #18, Line up boxes with titles underneath === */
/* ============== Current as of 13 Feb 07 ============= */
/* ==================================================== */

.miniBox {width:122px; text-align:center; height:240px; margin:0 12px;}
 .miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
 .miniBox .albumTitle {width:122px;}
 .miniBox .description {width:122px;}
 .miniBox .updated {width:122px;}

.loggedIn .miniBox {height:auto; min-height:300px;}
 .loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
 .loggedIn .miniBox input {width:122px;}
 .loggedIn .miniBox textarea {width:112px;}

.boxBottom .albumLarge {width:192px; height:350px; text-align:center; margin:0 24px;}
 .albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
 .albumLarge .albumTitle {width:192px;}
 .albumLarge .description {width:192px;}
 .albumLarge .updated {width:192px;}

.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
 .loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
 .loggedIn .albumLarge input {width:192px;}
 .loggedIn .albumLarge textarea {width:182px;}

to this

.galleries #homepage, #content.userKeywords,
#header_wrapper, #footer_wrapper, #cobrand_footer,
#category, #subcategory, #header,
#smugmug, .smugmug #header, .smugmug #footer 
{margin-left: 15px;margin-right: 15px;min-width: 755px;
width: auto;_width: expression
(document.documentElement.clientWidth < 790? "760px" : "auto");}

/* adds some space above thumbs allen */
#categoriesBox .boxBottom,
#galleriesBox .boxBottom { 
  padding-top: 20px;
}

/* ==================================================== */
/* == FAQ #18, Line up boxes with titles underneath === */
/* ============== Current as of 13 Feb 07 ============= */
/* ==================================================== */

.miniBox {width:122px; text-align:center; height:180px; margin:0 12px;}
 .miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
 .miniBox .albumTitle {width:122px;}
 .miniBox .description {width:122px;}
 .miniBox .updated {width:122px;}

.loggedIn .miniBox {height:auto; min-height:300px;}
 .loggedIn .miniBox .smbuttons {margin:0 auto; width:122px;}
 .loggedIn .miniBox input {width:122px;}
 .loggedIn .miniBox textarea {width:112px;}

.boxBottom .albumLarge {width:192px; height:350px; text-align:center; margin:0 24px;}
 .albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
 .albumLarge .albumTitle {width:192px;}
 .albumLarge .description {width:192px;}
 .albumLarge .updated {width:192px;}

.loggedIn .boxBottom .albumLarge {height:auto; min-height:450px;}
 .loggedIn .albumLarge .smbuttons {margin:0 auto; width:192px;}
 .loggedIn .albumLarge input {width:192px;}
 .loggedIn .albumLarge textarea {width:182px;}

re: "Also change height to 180px to reduce vertical space" I'm unclear which height I should reduce. I tried the 180px ht, but nothing changed.

Originally Posted by colinpurrington re: "Also change height to 180px to reduce vertical space" I'm unclear which height I should reduce. I tried the 180px ht, but nothing changed.

See my last post above, 180px in red.
Edit the R/L 12px to spread them out.
margin:0 12px;

OK, that caused galleries to wrap wrap when window made smaller (5 were retained, 2 went to next row). But changing 180px to smaller number doesn't seem to decrease space between rows.

Ack. I figured out my problem. Owner view doesn't show ht changes, but switching to Visitor view does. So 150px for height might be OK for my needs. Now I need to fuss with getting the text a tad closer to image. I'm assuming there's a way to do that in the code you sent me.

Actually, 180px is the best (as you probably knew). I forgot that some of my gallery names wrapped over to second line, so smaller height smooshed into image in lower row.

Originally Posted by colinpurrington Ack. I figured out my problem. Owner view doesn't show ht changes, but switching to Visitor view does. So 150px for height might be OK for my needs. Now I need to fuss with getting the text a tad closer to image. I'm assuming there's a way to do that in the code you sent me.

Yal, the logged in page uses other lines of that code. I leave it alone, not worth the trouble.

Not sure how to get the text higher, don't see it in the code.

Originally Posted by colinpurrington ..

Those thumbs go to 100x100 when 6 or more, might look at this thread, forces thumbs to 150x150.
http://www.dgrin.com/showthread.php?t=207570

I use it with good results here.

Thanks, Allen, as always. This should work great as long as I can keep my gallery titles to 2 lines of text or less.

Oooh, that page looks great. 150x150px is so much better. Thanks -- I'll check that out.

Of course, I'd probably have to delete all the changes I just made!

Originally Posted by colinpurrington Oooh, that page looks great. 150x150px is so much better. Thanks -- I'll check that out.

If you switch the formatting is handle mainly by this line.

.boxBottom .albumLarge {width:192px; height:350px; text-align:center; margin:0 24px;}

I also set a static page/box width.