From fb11394b4c8f26bf438ba6212610ea39cbc50121 Mon Sep 17 00:00:00 2001 From: "stephen@cubedesigners.com" Date: Thu, 23 Dec 2021 11:54:53 +0000 Subject: [PATCH] Further CSS fixes for Slick carousels following Elementor 3.5.0 update. WIP #4931 @1.5 --- .../assets/styles/components/slick-carousel.styl | 11 +++++++++++ .../assets/styles/widgets/video-carousel.styl | 4 ++-- 2 files changed, 13 insertions(+), 2 deletions(-) diff --git a/wp-content/themes/physioassist/resources/assets/styles/components/slick-carousel.styl b/wp-content/themes/physioassist/resources/assets/styles/components/slick-carousel.styl index 7c37846d..ceafb4e4 100644 --- a/wp-content/themes/physioassist/resources/assets/styles/components/slick-carousel.styl +++ b/wp-content/themes/physioassist/resources/assets/styles/components/slick-carousel.styl @@ -1,3 +1,6 @@ +@import '~slick-carousel/slick/slick.css' +@import '~slick-carousel/slick/slick-theme.css' + //=== Shared Slick overrides .slick-slider padding: 0 80px @@ -44,11 +47,19 @@ &:before color: #fff + .slick-arrow + &:before, &:after + font-family: eicons .slick-prev left: 0 + &:before + content: '\e89f' + .slick-next right: 0 + &:before + content: '\e89e' ul.slick-dots diff --git a/wp-content/themes/physioassist/resources/assets/styles/widgets/video-carousel.styl b/wp-content/themes/physioassist/resources/assets/styles/widgets/video-carousel.styl index 6f00e462..2ec6e9a5 100644 --- a/wp-content/themes/physioassist/resources/assets/styles/widgets/video-carousel.styl +++ b/wp-content/themes/physioassist/resources/assets/styles/widgets/video-carousel.styl @@ -3,7 +3,7 @@ &-item cursor: pointer text-align: center - margin: 0 20px + padding: 0 20px &-image position: relative @@ -15,7 +15,7 @@ background-position: center background-repeat: no-repeat border-radius: 50% - box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,0.3) + box-shadow: inset 2px 2px 10px 0 rgba(0,0,0,0.3) overflow: hidden &-sizer -- 2.39.5