Hallo zusammen,
ich verzweifle aktuell an der Aufgabe den Leerraum zwischen den Thumbnails (insbesondere in vertikaler Richtung) so anzupassen, dass ich z.B. 20px rundherum festlegen kann und es nicht mehr so aussieht wie im folgenden Bild
Im besten Fall müsste der graue Thumbnail-Box-Bereich komplett verschwinden und ich stelle dann nur noch den Abstand zwischen den eigentlichen Thumbs ein.
Jemand eine Idee? Bin gespannt...
Nachfolgend noch mein Gallery Style css Ausschnitt:
/* ----------- Gallery style -------------*/
.ngg-galleryoverview {
overflow: hidden;
margin-top: 50px;
width: 100%;
clear:both;
display:block !important;
}
.ngg-gallery-thumbnail-box {
float: left;
background:#EEEEEE none repeat scroll 0% 50%;
border-color:#DDDDDD rgb(187, 187, 187) rgb(170, 170, 170) rgb(204, 204, 204);
border-style:solid;
border-width:1px;
color:inherit;
display:inline;
margin:3px;
padding:5px;
position:relative;
}
.ngg-gallery-thumbnail {
float: left;
}
.ngg-gallery-thumbnail img {
filter: alpha(opacity=100);
-moz-opacity: .99;
opacity: .99;
background:#FFFFFF none repeat scroll 0%;
border-color:#AAAAAA rgb(204, 204, 204) rgb(221, 221, 221) rgb(187, 187, 187);
border-style:solid;
border-width:1px;
color:inherit;
padding:2px;
vertical-align:top;
}
.ngg-gallery-thumbnail img:hover {
filter: alpha(opacity=90);
-moz-opacity: .9;
opacity: .9;
border-color:#000000;
}
.ngg-gallery-thumbnail span {
/* Images description */
font-size:90%;
padding-left:5px;
display:block;
}
.ngg-clear {
clear: both;
}