On my gallery page, there are mutiple gallery category thumbnails at 3 across. I would like to reduce the distance between the rows. Thanks.

Link to one of my gallery pages.
http://mrhoni-photography.smugmug.co...verything-Else

Is the answer somewhere in this code that I'm using on my pages?


/* Force gallery thumbnails to be larger version 6
* Ref: http://www.dgrin.com/showthread.php?t=207570
*/
#galleriesBox .photo img[src*="/random.mg?"],
#sharedGalleries .photo img[src*="/random.mg?"],
#featuredBox .photo img[src*="/random.mg?"],
#shareGroups .photo img[src*="/random.mg?"],
#subcategoriesBox .photo img[src*="/random.mg?"],
#categoriesBox .photo img[src*="/random.mg?"] {
display:none;
}

.recentPhotoForceLarge {
float:none !important;
margin:8px 9px 6px 9px !important;
display:inline-block !important;
display:-moz-inline-stack !important;
*display:inline !important; /* IE */
vertical-align:bottom; /* safari: for overlap */
cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */
zoom:1; /* IE: kill space between horizontal tabs */
}

/* ================================================== == */
/* == 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 !important; 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 mrhoni Is the answer somewhere in this code that I'm using on my pages? ... .boxBottom .albumLarge {width:192px !important; height:250px; 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;}

See red
.boxBottom .albumLarge {width:192px !important; height:250px; text-align:center; margin:0 24px;}

Minimize until it does not cut off any title bottoms. Like 3 rows.

Originally Posted by Allen See red .boxBottom .albumLarge {width:192px !important; height:250px; text-align:center; margin:0 24px;} Minimize until it does not cut off any title bottoms. Like 3 rows.

I've set the boxBottom height and I get what I wanted, however now the left banner is no longer aligned with the navigation bar. I had been provided the code to line them up, but this change to boxbottom (which worked as I wished) must be conflicting with some other CSS code.

I was rearranging the CSS and depending upon the placement, boxbottom worked or did not work as well as banner in line with navbar or not inline.

Currently what I see:
Owner view - banner and nav bar lined up, but category icons not close together
Visitor view - banner and nav bar not lined up, but category thumbnails closer together as I want.

Originally Posted by mrhoni I've set the boxBottom height and I get what I wanted, however now the left banner is no longer aligned with the navigation bar. I had been provided the code to line them up, but this change to boxbottom (which worked as I wished) must be conflicting with some other CSS code. I was rearranging the CSS and depending upon the placement, boxbottom worked or did not work as well as banner in line with navbar or not inline. Currently what I see: Owner view - banner and nav bar lined up, but category icons not close together Visitor view - banner and nav bar not lined up, but category thumbnails closer together as I want.

I see two illegal ' characters around your image link.

/* Custom png banner */
#my_banner { width: 750px; height: 75px; margin: 13px 0 0 10px; /* top R bottom L */ 
background: url(http://www.smugmug.com/photos/i-HNwh668/0/M/i-HNwh668-O.png) no-repeat; _background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
sizingmethod=image,src=’http://www.smugmug.com/photos/i-HNwh668/0/M/i-HNwh668-O.png’);
}