Home › Forums › Design › Need help slowing down a sliderI just inherited a website and I am not a coder b
- This topic is empty.
-
AuthorPosts
-
September 30, 2018 at 6:40 am #277157
borianparker
ParticipantI 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; }
September 30, 2018 at 9:14 am #277160Beverleyh
ParticipantThere 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.
-
AuthorPosts
- The forum ‘Design’ is closed to new topics and replies.