PDA

View Full Version : Gallery Help! Want 7-across


MJohansson
Aug-28-2009, 11:02 AM
First off, my website is www.monicajohansson.com (http://www.monicajohansson.com)
What I would like to do, on my galleries page, is to have smaller thumbnails and have them in rows of 7-across. I want it to look like Moon River's galleries page - http://www.moonriverphotography.com/Galleries. I used the CSS posted for 4-across (re-posted below). Do I need to modify that or do I have to use different code?

Here's what I used:
/* ================================================== == */
/* == FAQ #18, Line up boxes with titles underneath === */
/* ============== Current as of 13 Feb 07 ============= */
/* ================================================== == */

.miniBox {width:122px; text-align:center; height:210px; margin:0 28px;}
.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;}

Thank you.
Monica

jfriend
Aug-28-2009, 11:08 AM
The size of the thumbs is not customizable and depends upon the number of galleries. More than 5 galleries and they will switch to a small size. You can make your galleries page stretchable (like moonriver) so that it will use whatever size there is in the window with this CSS:

.category_Photography #category {width: auto; margin-left:15px; margin-right: 15px;}

MJohansson
Aug-30-2009, 06:28 AM
Thank you so much! Worked like a charm!