- This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
Viewing 9 posts - 1 through 9 (of 9 total)
- The forum ‘JavaScript’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › JavaScript › Nivo Slider *Glitch
Hi guys, hoping someone may be able to help here; i’ve got what appears to be a css glitch on my nivo slider. Each slide is dropping about 20px below where it should appear. See what i mean here; http://whatscooking.goodstuffdesign.co.uk
Any help, is hugely appreciated.
Matt
Edit: The exact height of the drop is 27px
I’m not sure but it may be beacuse you’ve added a class and an Id to your slider:
thats what the demo uses, the id targets the javascript, the class is just used for styling :(
will try that now, thanks Mark
Or give the caption a height:0;
my css is as follows:
.nivo-caption { display: none; visibility: hidden;}
.nivo-html-caption { display: none; visibility: hidden;}
is there a js function to completely remove that im missing?
Ok i’ve added height: 0;
to both selectors and seems to be fixed, but would still like to know if there’s a js function. Thanks
You can overwrite the display:block on the element which the nivo slider added by adding !important after it. So it would be like this:
.nivo-caption { display: none!important;}
But
.nivo-caption { height:0;}
will also fix your problem
Thanks Dennis