Forums

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

Home Forums Design Need help slowing down a sliderI just inherited a website and I am not a coder b

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #277157
    borianparker
    Participant

    I just inherited a website and I am not a coder by any means. I found in the css a code for the slider but does anyone know how to slow the speed down to like a min per item?

    /* PRODUCTS GALLERY
    ————————————————————————————- */
    .gallery { min-height: 285px; }
    .gallery ul { }
    .gallery li { list-style:none; }
    .gallery li img { max-width: 235px; }
    .gallery .lib-fader-controls { max-width: 235px; vertical-align:bottom; }
    .gallery .lib-fader-controls li a { margin: 0 4px; padding: 3px 10px; background:#095370; color: #fff; }
    .gallery .lib-fader-controls li.active a { background:#3395c4; }

    /* BANNER INSTANCE 1 (STYLING) */
    #sub-gallery { width: 100%; padding-bottom: 60px; }
    #sub-gallery.m-actuators { width: 270px; margin-bottom: 40px; margin-left: 20px; float: right; }
    #sub-gallery [data-banner-items] { margin:0 auto; min-height: 240px; }
    #sub-gallery [data-banner-controls] { bottom:0; left:0; text-align: left; vertical-align:bottom; min-height:32px; }
    #sub-gallery [data-banner-controls] li { width:30px; height:29px; color:#fff; line-height:30px; border: 1px solid #fff; }
    #sub-gallery [data-banner-controls] li:hover { opacity: 0.7; }
    #sub-gallery [data-banner-controls] [data-active] { border: 1px solid #85b2d0; }

    /* FADER /
    [data-banner] { position:relative; overflow:hidden; z-index:1; }
    [data-banner] ul { margin:0; z-index:2; }
    [data-banner] li { padding:0; display:inline-block; background:none; }
    /
    — Items (Fade) /
    [data-banner-items] { position:relative; }
    [data-banner-items] li { z-index:1; width:100%; min-height: 240px; background: #fff;}
    [data-banner-items] li:after { content:”; display:block; *display:inline-block; clear:both; }
    [data-banner-items] img { float:left; height: 100%; width: 240px; }
    [data-banner-items] [data-banner-prev] { z-index:2; }
    [data-banner-items] [data-active] { z-index:3; }
    [data-banner-items] [data-button-valid] { cursor:pointer; }
    /
    — Controls */
    [data-banner-controls] { position:absolute; width:100%; text-align:center; z-index:3; }
    [data-banner-controls] li { margin:0 5px 0 0; display:inline-block; overflow:hidden; cursor:pointer; }
    [data-banner-controls] li img { width: 100%; }
    [data-banner-controls] li:hover { text-decoration:none !important; }

    #277160
    Beverleyh
    Participant

    There is nothing in the posted CSS that alludes to slide timings.

    It’s more likely to be a setting in a JavaScript file, in the config/init code for that particular slider.

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