Further CSS fixes for Slick carousels following Elementor 3.5.0 update. WIP #4931...

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 7c37846d113805217c75938fb7a98924f4f1551d..ceafb4e40fbd76d0716d0620869d5572b9c240d4 100644 (file)
--- 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 6f00e4622731cdd757fd7cf87d55106c5e7ac051..2ec6e9a587fd1e2dbbd725ca9dceb819513ecb99 100644 (file)
--- 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