fix gallery arrows

2 files changed, 7 insertions, 44 deletions

diff --git a/StoneIsland/www/css/blogs.css b/StoneIsland/www/css/blogs.css
index 0b9f8eed..e0fea9f3 100644
--- a/StoneIsland/www/css/blogs.css
+++ b/StoneIsland/www/css/blogs.css
@@ -105,7 +105,7 @@
 
 /* NOTE: optional arrows */
 
-.gallery-multiple-images::before {
+.gallery-left {
   border:1px solid black;
   background:rgba(255,255,255,1);
   background-image:url(../img/left-arrow.png);
@@ -114,7 +114,7 @@
   background-position:center;
   width:15px;
   height:30px;
-  top:50%;
+  top:26vh;
   content:'';
   transform:translateY(-50%);
   transform-origin:top right;
@@ -126,7 +126,7 @@
   display:block;
 }
 
-.gallery-multiple-images::after {
+.gallery-right {
   border:1px solid black;
   background:rgba(255,255,255,1);
   background-image:url(../img/right-arrow.png);
@@ -135,7 +135,7 @@
   background-position:center;
   width:15px;
   height:30px;
-  top:50%;
+  top:26vh;
   content:'';
   transform:translateY(-50%);
   transform-origin:top right;
diff --git a/StoneIsland/www/css/products.css b/StoneIsland/www/css/products.css
index 78d02811..82c7c36c 100644
--- a/StoneIsland/www/css/products.css
+++ b/StoneIsland/www/css/products.css
@@ -181,46 +181,9 @@
 
 }
 
-#product #gallery::before {
-  border:1px solid black;
-  background:rgba(255,255,255,1);
-  background-image:url(../img/left-arrow.png);
-  background-size:5px 10px;
-  background-repeat:no-repeat;
-  background-position:center;
-  width:15px;
-  height:30px;
-  top:50%;
-  content:'';
-  transform:translateY(-50%);
-  transform-origin:top right;
-  left:20px;
-  font-size:18px;
-  padding:3px 3px 3px 1px;
-  z-index:999;
-  position:absolute;
-  display:block;
-}
-
-#product #gallery::after {
-  border:1px solid black;
-  background:rgba(255,255,255,1);
-  background-image:url(../img/right-arrow.png);
-  background-size:5px 10px;
-  background-repeat:no-repeat;
-  background-position:center;
-  width:15px;
-  height:30px;
-  top:50%;
-  content:'';
-  transform:translateY(-50%);
-  transform-origin:top right;
-  right:20px;
-  font-size:18px;
-  padding:3px 1px 3px 3px;
-  z-index:999;
-  position:absolute;
-  display:block;
+#product .gallery-prev,
+#product .gallery-next {
+  top: 26vh;
 }
 
 #product .content .body {