Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

10px gap at bottom of slide
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: 10px gap at bottom of slide
#55007
10px gap at bottom of slide 2 Years, 4 Months ago Karma: 0
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.
philsteels
if it ain't broke - fix it until it is ;-)
User Offline Click here to see the profile of this user
Gender: Male Location: Manchester, UK
Last Edit: 2015/06/24 08:52 By philsteels.Reason: added photo
The administrator has disabled public write access.
if it ain't broke - fix it until it is
 
#55008
Re:10px gap at bottom of slide 2 Years, 4 Months ago Karma: 667
Hello,

Send a link to a page where the problem occurs.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#55009
Re:10px gap at bottom of slide 2 Years, 4 Months ago Karma: 0
Thanks for your quick reply. The link is: www.valleymusic.co.uk/

Regards,
Phil
philsteels
if it ain't broke - fix it until it is ;-)
User Offline Click here to see the profile of this user
Gender: Male Location: Manchester, UK
The administrator has disabled public write access.
if it ain't broke - fix it until it is
 
#55010
Re:10px gap at bottom of slide 2 Years, 4 Months ago Karma: 667
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
The administrator has disabled public write access.
 
#55011
Re:10px gap at bottom of slide 2 Years, 4 Months ago Karma: 0
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}
philsteels
if it ain't broke - fix it until it is ;-)
User Offline Click here to see the profile of this user
Gender: Male Location: Manchester, UK
The administrator has disabled public write access.
if it ain't broke - fix it until it is
 
#55012
Re:10px gap at bottom of slide 2 Years, 4 Months ago Karma: 667
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
The administrator has disabled public write access.
 
Go to topPage: 12