File manager - Edit - /home/xfekoga/grenier/wp-content/plugins/sliderkits/assets/css/widgets/carousel-with-background.css
Back
.sk-carousel-with-background { position: relative; } .sk-carousel-with-background .row { z-index: 2; position: relative; } .sk-carousel-background, .sk-carousel-overlay { width: 100%; height: 100%; position: absolute; z-index: 0; background-color: #000; top: 0; left: 0; } .sk-carousel-background .slick-list, .sk-carousel-background .slick-list .slick-track { width: 100%; height: 100%; } .sk-carousel-background img { width: 100%; height: 100%; object-fit: cover; } .sk-carousel-overlay { background: rgba(0,0,0,0.5); z-index: 1; } .sk-carousel-img-side.sk-slick { margin-bottom: 0; overflow: initial; } .sk-carousel-with-background .slick-dots { text-align: left; left: 10px; bottom: -30px; } .sk-carousel-with-background .slick-dots li.slick-active button { border: 1px solid #f90; padding: 5px; border-radius: 50px; } .sk-carousel-with-background .slick-dots li.slick-active button:before { color: #f90; } .sk-carousel-with-background .slick-dots li button:before { color: #fff; opacity: 0.8; } .sk-carousel-with-background .sk-slick-item .sk-heading { font-size: 2.5em; } .sk-carousel-with-background .sk-slick-item .sk-subheading { font-size: 1.4em; } .sk-carousel-with-background .sk-slick-item .sk-content, .sk-carousel-with-background .sk-slick-item .sk-content p { font-size: 14px; } .sk-carousel-img-side .slick-slide { transform: scale(.85); transition: transform 0.4s; } .sk-carousel-img-side .slick-slide.slick-current { transform: scale(1); transition: transform 0.4s; } @media(max-width: 767px) { .sk-carousel-with-background .sk-slick-default .sk-slick-item{ height: auto; padding: 40px 0; } }
| ver. 1.4 |
Github
|
.
| PHP 8.0.30 | Generation time: 0 |
proxy
|
phpinfo
|
Settings