How can I adjust the spacing between thumbnails in web design photo gallery?

Q: First, love your product. I'll be using it on all future commercial light boxes.
How can I adjust the spacing between thumbnails? I assume it's a padding issue, but not sure where to find a fix. I only want about 1px around all images for a total of 2px between items. I'm creating a visuallightbox gallery with over 60 thumbnails so window real estate is an issue.
Thanks again for creating such an awesome product. Can't wait to see some more simple and clean skins with minimal coloration.

A: Please, open the generated "vlightbox1.css" file in any text editor responsive website builder and find the code:

#vlightbox1 .vlightbox1 {
    display: inline-block;
    font-family: Trebuchet,Tahoma,Arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin: 3px;
    opacity: 0.87;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 160px;
}


You can change the value of "margin" parameter, for example like this:

margin: -2px;

Related