Nivo Slider *Glitch

[Matt87]

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

[Historical Forums User]

I’m not sure but it may be beacuse you’ve added a class and an Id to your slider:

[Matt87]

thats what the demo uses, the id targets the javascript, the class is just used for styling :(

[Matt87]

will try that now, thanks Mark

[denniscohn]

Or give the caption a height:0;

[Matt87]

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?

[Matt87]

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

[denniscohn]

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

[Matt87]

Thanks Dennis

[Author]

Posts