Adding space between images in Photolux horizontal slider

Please Note: Theme customizations go beyond the scope of our support services and this article is provided solely as a courtesy to our customers. Please take a moment to review the Scope of our Support.

If you would like to add space between the images in the horizontal slider, you can accomplish this with a couple of quick modification. In this example we are going to show you how to add a 10 pixels space between the images:

First you have to add the following CSS into the Photolux Options -> Styles -> Additional Styles section:

.preview-img-container img {
margin-right: 10px;
}

After that, open the js/grid-gallery.js file and apply a code modify line 208:

sliderWidth+=newImgWidth;

to be like this:

sliderWidth+=newImgWidth+10;