Custom category CSS view works fine with 5, breaks with 6 galleries

[redshadow01]

A while back with great help fro this forum I customized my wedding category to look like this:

http://www.alexeianikine.com/photos/724541506_sMPmH-O.jpg

I added a 6th gallery, and all of a sudden the category now looks like this:

http://www.alexeianikine.com/photos/724541509_VJ2PE-O.jpg

Here is the CSS that I have been using:

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

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


.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:180px; height:195px; text-align:center; margin:0 0px;}
.albumLarge .photoLarge {float:none; width:180px; height:150px; _height:1px;}
.albumLarge .albumTitle {width:180px;}
.albumLarge .description {width:180px;}
.albumLarge .updated {width:180px;}

.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;}
I tried to mess with the CSS a bit but no dice, so I left it as it has been for the past while. Any help you guys can offer on how to fix this will be greatly appreciated, the wedding season bookings are ramping up and I'd like to have my site look good :)

thank you,
red

[denisegoldberg]

The thumbs are 150x150 if there are 5 or fewer galleries, and 100x100 if there are more than five. This is not something that can be customized using CSS.

You added a gallery, and that took you over five galleries, so you get the smaller thumbs.

--- Denise

[redshadow01]

The thumbs are 150x150 if there are 5 or fewer galleries, and 100x100 if there are more than five. This is not something that can be customized using CSS.

You added a gallery, and that took you over five galleries, so you get the smaller thumbs.

--- Denise

Is there any other way to have 150x150 thumbs for more than 5 galleries? That seems like an arbitrary limitation...I was hoping to have 8 galleries with 150px thumbs looking nice and tidy, and now that's not doable.

Any other ideas on how I can accomplish this?

Thanks

[J Allen]

Have you tried something like this:




/*=====Wide Gallery Thumbs=====*/
.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");}

[denisegoldberg]

Have you tried something like this...
That code has nothing to do with the size of the thumbs, and I believe that it is the thumb size that the OP was asking about.

--- Denise

[denisegoldberg]

Is there any other way to have 150x150 thumbs for more than 5 galleries? That seems like an arbitrary limitation...I was hoping to have 8 galleries with 150px thumbs looking nice and tidy, and now that's not doable.
I don't understand the size change either. If you look at my site you will find that I don't use the standard SmugMug category / subcategory screens. I have replaced them with custom html-only galleries, and my primary driving factor in doing that was the thumb size, with a secondary factor in wanting deeper nesting than is currently possible using category / subcategory / gallery.

Feel free to look at the source for my site if you'd like to try this yourself. I would recommend that you really think this through before jumping off this bridge though - it's not a change that you make once and never look at again. Every gallery that you add will need to be added to an html-only page to create the grouping. And a reference to that html-only page will need to be added to your higher level screens as well.

I would love it if SmugMug would allow the gallery owner to specify the size of the thumbs to be used. I wasn't willing to wait for that though.

--- Denise

[redshadow01]

That code has nothing to do with the size of the thumbs, and I believe that it is the thumb size that the OP was asking about.

--- Denise

That's exactly it. I tried the code posted byJAllen just for kicks, and the same problem is present (now the category spans the entire width of the screen with 100x100 thumb sizes, which does not look good at all).

Any other thoughts or ideas? Is this doable at all?

[denisegoldberg]

That's exactly it. I tried the code posted byJAllen just for kicks, and the same problem is present (now the category spans the entire width of the screen with 100x100 thumb sizes, which does not look good at all).

Any other thoughts or ideas? Is this doable at all?
It is, but it's a lot of work, and work that continues as you add more galleries. Please see my previous post (http://www.dgrin.com/showpost.php?p=1270979&postcount=6) above.

--- Denise

[redshadow01]

I don't understand the size change either. If you look at my site you will find that I don't use the standard SmugMug category / subcategory screens. I have replaced them with custom html-only galleries, and my primary driving factor in doing that was the thumb size, with a secondary factor in wanting deeper nesting than is currently possible using category / subcategory / gallery.

Feel free to look at the source for my site if you'd like to try this yourself. I would recommend that you really think this through before jumping off this bridge though - it's not a change that you make once and never look at again. Every gallery that you add will need to be added to an html-only page to create the grouping. And a reference to that html-only page will need to be added to your higher level screens as well.

I would love it if SmugMug would allow the gallery owner to specify the size of the thumbs to be used. I wasn't willing to wait for that though.

--- Denise

I see what you're doing, and in your case it makes perfect sense for the level of nesting you are doing. This is a solution for the problem...it seems overkill, but if there's no other way to do it, I'll have to. Just my luck with the brides looking for wedding photogs I find out about this limitation :P

Denise, than you for your prompt responses, I appreciate it.

Any smugmug staff in the house? What are your thoughts on this?

Red

[denisegoldberg]

I see what you're doing, and in your case it makes perfect sense for the level of nesting you are doing. This is a solution for the problem...it seems overkill, but if there's no other way to do it, I'll have to.
If I remember correctly jfriend was experimenting with another solution - one that was coded more elegantly - but I think he ended up not using it.

Another option would be to use an html table. I prefer the CSS/HTML solution because the thumbs move depending on the size of the browser window. Allen has a tutorial showing thumb presentation via a table at http://allen-steve.smugmug.com/gallery/3539056.

--- Denise

[redshadow01]

If I remember correctly jfriend was experimenting with another solution - one that was coded more elegantly - but I think he ended up not using it.

Another option would be to use an html table. I prefer the CSS/HTML solution because the thumbs move depending on the size of the browser window. Allen has a tutorial showing thumb presentation via a table at http://allen-steve.smugmug.com/gallery/3539056.

--- Denise
Thanks so much for your help Denise! This is the best fit for what I am trying to do. Working on installing it now