I
I
igoraxenov19892020-10-13 02:10:43
Slider
igoraxenov1989, 2020-10-13 02:10:43

What to change in css for automatic scrolling of the slider?

I inherited the site, I practically figured out everything, but there are a few points left, and one of them is to make the slider automatic, tell me what to change in css for this?

.main-slider{font-size:1rem;position:relative}.main-slider .slick-dots{position:absolute;bottom:30px;z-index:999}.main-slider .slick-dots li{width:10px;height:10px}.main-slider .slick-dots li.slick-active button:before{background-color:#fff;opacity:1}.main-slider .slick-dots li button{width:10px;height:10px}.main-slider .slick-dots li button:before{content:'';width:10px;height:10px;border:1px solid #fff;border-radius:50%}.main-slider__img{max-width:100%;height:auto;display:block}.main-slider__item{background-size:cover;background-repeat:no-repeat;background-position:center;outline:none}.main-slider__inner{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.main-slider__title{color:#fff;text-transform:uppercase;text-align:center;font-size:3em;font-family:"Akrobat-ExtraBold",Helvetica,Arial,sans-serif}@media only screen and (max-width: 768px){.main-slider__title{font-size:2em}}.main-slider__desc-list{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:space-betwee;justify-content:space-betwee;-ms-flex-align:center;align-items:center;list-style-type:none;padding:0;margin:0}.main-slider__desc-item{color:#fff}.main-slider__desc-item:not(:last-child){margin-right:130px}@media only screen and (max-width: 768px){.main-slider__desc-item{width:50%}.main-slider__desc-item:not(:last-child){margin-right:0}}.main-slider__desc-num{display:block;text-align:center;font-size:3.5em;font-family:"Akrobat-ExtraBold",Helvetica,Arial,sans-serif}.main-slider__desc-name{display:block;text-align:center;font-size:1.1em;font-family:"Akrobat-SemiBold",Helvetica,Arial,sans-serif}

Answer the question

In order to leave comments, you need to log in

1 answer(s)
A
ArtJH, 2020-10-13
@ArtJH

https://kenwheeler.github.io/slick/
Find Autoplay, there is a ready-made code

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question