I have installed the module and when it is scrolling images on the page, there is a gap of 10 pixels at the bottom of the photo which shows the previous photo (see attached example).

I have created a custom template and stripped out all the navigation code thinking it might have been this that was causing the issue, but the gap still appears.

The issue seems to be independent of the template as when I select the default template the gap still appears.



Thank you for your time.
Phil.

Hello,

Send a link to a page where the problem occurs.

Regards,
ARI Soft

Thanks for your quick reply. The link is: www.valleymusic.co.uk/

Regards,
Phil

Margin for images are defined in site template CSS file. Add the following CSS rule to fix the problem:

.ari-image-slider IMG {margin: 0!important}

Regards,
ARI Soft

Thank you - I have added this line at the end of the CSS file and the problem still occurs. Below is my entire CSS code

.ari-image-slider-wrapper
{
margin: 0 auto;
}

body .ari-image-slider-wCtrlNav
{
margin-bottom: 0px;
}

.nivoSlider {
position:relative;
margin: 0;
background:#202834 url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.nivoSlider a {
border:0;
display:block;
}

.ari-image-slider IMG {margin: 0!important}

We don't see this rule on your site. What file do you mean?

PS: You can add custom CSS rules to "CSS Styles" parameter in module settings.

Regards,
ARI Soft