eSales Media Git repositories
Browse code

Use less complicated and more compatible css to cover background with video

Benjamin Roth authored on07/06/2019 14:28:28
Showing1 changed files
assets/css/slick-addons.css
History View file @91dd645
... ... 
@@ -19,18 +19,15 @@
19 19 
     .slick-slider-slide .slick-slider-background video,
20 20 
     .slick-slider-slide .slick-slider-slide-image video {
21 21 
       position: absolute;
22 
-      left: -10000%;
23 
-      right: -10000%;
24 
-      top: -10000%;
25 
-      bottom: -10000%;
26 
-      margin: auto auto;
27 
-      min-width: 1000%;
28 
-      min-height: 1000%;
29 
-      -webkit-transform: scale(0.1);
30 
-      transform: scale(0.1);
22 
+      top: 50%;
23 
+      left: 50%;
24 
+      -webkit-transform: translateX(-50%) translateY(-50%);
25 
+      transform: translateX(-50%) translateY(-50%);
26 
+      min-width: 100%;
27 
+      min-height: 100%;
31 28 
       width: auto;
32 29 
       height: auto;
33 
-      max-width: none; }
30 
+      overflow: hidden; }
34 31 
   .slick-slider-container .slide-content,
35 32 
   .slick-slider-slide .slide-content {
36 33 
     position: relative; }
Browse code

Allow background videos

Benjamin Roth authored on06/06/2019 19:27:31
Showing1 changed files
assets/css/slick-addons.css
History View file @a1c0220
... ... 
@@ -12,7 +12,25 @@
12 12 
     left: 0;
13 13 
     right: 0;
14 14 
     top: 0;
15 
-    bottom: 0; }
15 
+    bottom: 0;
16 
+    overflow: hidden; }
17 
+    .slick-slider-container .slick-slider-background video,
18 
+    .slick-slider-container .slick-slider-slide-image video,
19 
+    .slick-slider-slide .slick-slider-background video,
20 
+    .slick-slider-slide .slick-slider-slide-image video {
21 
+      position: absolute;
22 
+      left: -10000%;
23 
+      right: -10000%;
24 
+      top: -10000%;
25 
+      bottom: -10000%;
26 
+      margin: auto auto;
27 
+      min-width: 1000%;
28 
+      min-height: 1000%;
29 
+      -webkit-transform: scale(0.1);
30 
+      transform: scale(0.1);
31 
+      width: auto;
32 
+      height: auto;
33 
+      max-width: none; }
16 34 
   .slick-slider-container .slide-content,
17 35 
   .slick-slider-slide .slide-content {
18 36 
     position: relative; }
Browse code

Fix text and link of image slide

Benjamin Roth authored on11/03/2019 12:48:16
Showing1 changed files
assets/css/slick-addons.css
History View file @da5235c
... ... 
@@ -13,5 +13,15 @@
13 13 
     right: 0;
14 14 
     top: 0;
15 15 
     bottom: 0; }
16 
+  .slick-slider-container .slide-content,
17 
+  .slick-slider-slide .slide-content {
18 
+    position: relative; }
19 
+  .slick-slider-container .slide-url,
20 
+  .slick-slider-slide .slide-url {
21 
+    position: absolute;
22 
+    left: 0;
23 
+    top: 0;
24 
+    right: 0;
25 
+    bottom: 0; }
16 26
17 27 
 /*# sourceMappingURL=slick-addons.css.map */
Browse code

Add even more background options

Benjamin Roth authored on01/11/2017 16:54:37
Showing1 changed files
assets/css/slick-addons.css
History View file @b682510
... ... 
@@ -1,5 +1,12 @@
1 
+.slick-slider-container {
2 
+  overflow: hidden; }
3 
+
4 
+.slick-slider-container,
1 5 
 .slick-slider-slide {
2 6 
   position: relative; }
7 
+  .slick-slider-container .slick-slider-background,
8 
+  .slick-slider-container .slick-slider-slide-image,
9 
+  .slick-slider-slide .slick-slider-background,
3 10 
   .slick-slider-slide .slick-slider-slide-image {
4 11 
     position: absolute;
5 12 
     left: 0;
Browse code

Add more slide background options

Benjamin Roth authored on01/11/2017 15:50:43
Showing1 changed files
assets/css/slick-addons.css
History View file @24a1898
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,10 @@
1 
+.slick-slider-slide {
2 
+  position: relative; }
3 
+  .slick-slider-slide .slick-slider-slide-image {
4 
+    position: absolute;
5 
+    left: 0;
6 
+    right: 0;
7 
+    top: 0;
8 
+    bottom: 0; }
9 
+
10 
+/*# sourceMappingURL=slick-addons.css.map */