From: stephen@cubedesigners.com <stephen@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Date: Mon, 17 Feb 2020 20:46:33 +0000 (+0000)
Subject: Wait #3402 @1.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=72216bdcfe0fdb942c53bc014efbaf89fb26af1e;p=physioassist-wordpress.git

Wait #3402 @1.5
---

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 f8dab2d4..24b8289b 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
@@ -9,6 +9,13 @@
       display: block
       width: 100%
       position: relative
+      padding-bottom: 100%
+      background-size: cover
+      background-position: center
+      background-repeat: no-repeat
+      border-radius: 50%
+      box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,0.3)
+      overflow: hidden
 
       &:before
         content: ''
diff --git a/wp-content/themes/physioassist/resources/views/widgets/video-gallery-carousel.blade.php b/wp-content/themes/physioassist/resources/views/widgets/video-gallery-carousel.blade.php
index afcada77..5c324229 100644
--- a/wp-content/themes/physioassist/resources/views/widgets/video-gallery-carousel.blade.php
+++ b/wp-content/themes/physioassist/resources/views/widgets/video-gallery-carousel.blade.php
@@ -1,12 +1,18 @@
 {{--VIDEO GALLERY CAROUSEL--}}
 @php
   $settings = [
-    'slidesToShow' => 2,
+    'slidesToShow' => 4,
     'slidesToScroll' => 1,
     'infinite' => true,
     'responsive' => [
       [
-        'breakpoint' => 768,
+        'breakpoint' => 1025,
+        'settings' => [
+          'slidesToShow' => 2
+        ]
+      ],
+      [
+        'breakpoint' => 700,
         'settings' => [
           'slidesToShow' => 1
         ]
@@ -22,9 +28,7 @@
   @foreach ($videos as $video)
     <div class="video-carousel-item slick-slide">
       <div class="slick-slide-inner" data-elementor-lightbox="{{ $video['lightbox'] }}" data-elementor-open-lightbox="yes">
-        <div class="video-carousel-item-image">
-          <img src="{{ $video['preview'] }}">
-        </div>
+        <div class="video-carousel-item-image" style="background-image:url('{{  $video['preview'] }}')"></div>
         <h4 class="video-carousel-item-title">{{ $video['title'] }}</h4>
         <p class="video-carousel-item-details">{{ $video['details'] }}</p>
       </div>