Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Nivo Slider *Glitch

  • This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #34512
    Matt87
    Member

    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

    #87955

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

     
    #87956
    Matt87
    Member

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

    #87958
    Matt87
    Member

    will try that now, thanks Mark

    #87959
    denniscohn
    Member

    Or give the caption a height:0;

    #87960
    Matt87
    Member

    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?

    #87961
    Matt87
    Member

    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

    #87962
    denniscohn
    Member

    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

    #87964
    Matt87
    Member

    Thanks Dennis

Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.