Visual LightBox
Is it possible to reduce/increase the space between thumbnails in jquery lightbox with text?
Q: I want to make the different distance between thumbnails of Visual LightBox on my webpage.
Is it possible?
A: It is possible to make it manually.
You should open vlightbox.css in any text editor, find the following lines of code and change the "margin" property. For example, to set the space 14px:
#vlightbox1 .vlightbox1 {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
position:relative;
vertical-align:top;
margin:14px;
width:160px;
font-family:Trebuchet,Tahoma,Arial,sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:center;
opacity:0.87;
outline:none;
}