arrow fixed

designer1.html

@@ -544,6 +544,7 @@
 
 
     <footer id="footer" class="container-fluid px-0 mx-0 mt-5">
+        
         <p class="mb-0">幸福空間 版權所有 &copy;Gorgeous Space Go.Ltd. All Rights Reserved.</p>
     </footer>
 
@@ -588,15 +589,15 @@
                 <div class="designer-bannerslider2">
                     <div class="deigner-slick">
                         <!-- <img class="img-fluid" src="./img/designer3/Portfolio/12947/designer735_01_01.jpg" alt=""> -->
-                        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe class='youtube-video2' src='https://www.youtube.com/embed//XlPxHa9BcKY?enablejsapi=1' frameborder='0' allowfullscreen></iframe></div>
+                        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe class='youtube-video2' src='https://www.youtube.com/embed//XlPxHa9BcKY?enablejsapi=1' frameborder='0' allowfullscreen height="394" allow="autoplay;"></iframe></div>
                     </div>
                     <div class="deigner-slick">
                         <!-- <img class="img-fluid" src="./img/designer3/Portfolio/12947/designer735_01_01.jpg" alt=""> -->
-                        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe class='youtube-video2' src='https://www.youtube.com/embed//xc6SNElGDIM?enablejsapi=1' frameborder='0' allowfullscreen></iframe></div>
+                        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe class='youtube-video2' src='https://www.youtube.com/embed//xc6SNElGDIM?enablejsapi=1' frameborder='0' allowfullscreen height="394" allow="autoplay;"></iframe></div>
                     </div>
                     <div class="deigner-slick">
                         <!-- <img class="img-fluid" src="./img/designer3/Portfolio/12947/designer735_01_01.jpg" alt=""> -->
-                        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe class='youtube-video2' src='https://www.youtube.com/embed//xc6SNElGDIM?enablejsapi=1' frameborder='0' allowfullscreen></iframe></div>
+                        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe class='youtube-video2' src='https://www.youtube.com/embed//xc6SNElGDIM?enablejsapi=1' frameborder='0' allowfullscreen height="394" allow="autoplay;"></iframe></div>
                     </div>
                     </div>
                 </div>
@@ -604,7 +605,7 @@
         </div>
     </div>
 
-    <div class="closeplay modal fade modal-mb" id="yt-video-mb2" tabindex="-1" aria-labelledby="exampleModalLabel1" aria-hidden="true">
+    <div class="closeplay modal fade modal-mb" id="yt-video-mb2" tabindex="-1" aria-labelledby="exampleModalLabel2" aria-hidden="true">
         <div class="modal-dialog modal-lg">
             <div class="modal-content bg-transparent border-0">
 
@@ -612,15 +613,15 @@
                 <div class="designer-bannerslider2">
                     <div class="deigner-slick">
                         <!-- <img class="img-fluid" src="./img/designer3/Portfolio/12947/designer735_01_01.jpg" alt=""> -->
-                        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe class='youtube-video2' src='https://www.youtube.com/embed//xc6SNElGDIM?enablejsapi=1' frameborder='0' allowfullscreen></iframe></div>
+                        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe class='youtube-video2' src='https://www.youtube.com/embed//xc6SNElGDIM?enablejsapi=1' frameborder='0' allowfullscreen height="394" allow="autoplay;"></iframe></div>
                     </div>
                     <div class="deigner-slick">
                         <!-- <img class="img-fluid" src="./img/designer3/Portfolio/12947/designer735_01_01.jpg" alt=""> -->
-                        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe class='youtube-video2' src='https://www.youtube.com/embed//XlPxHa9BcKY?enablejsapi=1' frameborder='0' allowfullscreen></iframe></div>
+                        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe class='youtube-video2' src='https://www.youtube.com/embed//XlPxHa9BcKY?enablejsapi=1' frameborder='0' allowfullscreen height="394" allow="autoplay;"></iframe></div>
                     </div>
                     <div class="deigner-slick">
                         <!-- <img class="img-fluid" src="./img/designer3/Portfolio/12947/designer735_01_01.jpg" alt=""> -->
-                        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe class='youtube-video2' src='https://www.youtube.com/embed//xc6SNElGDIM?enablejsapi=1' frameborder='0' allowfullscreen></iframe></div>
+                        <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe class='youtube-video2' src='https://www.youtube.com/embed//xc6SNElGDIM?enablejsapi=1' frameborder='0' allowfullscreen height="394" allow="autoplay;"></iframe></div>
                     </div>
                     </div>
                 </div>
@@ -628,7 +629,7 @@
         </div>
     </div>
 
-    <div class="closeplay modal fade modal-mb" id="yt-video-mb3" tabindex="-1" aria-labelledby="exampleModalLabel1" aria-hidden="true">
+    <div class="closeplay modal fade modal-mb" id="yt-video-mb3" tabindex="-1" aria-labelledby="exampleModalLabel3" aria-hidden="true">
         <div class="modal-dialog modal-lg">
             <div class="modal-content bg-transparent border-0">
 

goto.js

@@ -7,7 +7,7 @@ $('.designer-bannerslider').slick({
   slidesToScroll: 1,//預設 1 幻灯片每次滑動幾張
   arrows: true, // 預設 true 左右箭頭是否顯示
   dots: true,
-  prevArrow: '<button type="button" class="slick-prev"><div class="slick-arrow-slider d-flex justify-content-center align-items-center" style="width:50px; height:50px;"><img class="arrow-img" style="width: 15px; transform: rotate(180deg);" src="./img/sec04/arrow-left.png" alt=""><div></button>',
+  prevArrow: '<button type="button" class="slick-prev"><div class="slick-arrow-slider d-flex justify-content-center align-items-center" style="width:50px; height:50px;"><img class="arrow-img" style="width: 15px;" src="./img/sec04/arrow-left.png" alt=""><div></button>',
   nextArrow: '<button type="button" class="slick-next"><div class="slick-arrow-slider d-flex justify-content-center align-items-center" style="width:50px; height:50px;"><img class="arrow-img" style="width: 15px;" src="./img/sec04/arrow.png" alt=""><div></button>',
 });
 
@@ -17,7 +17,7 @@ $('.designer-bannerslider-mb').slick({
   slidesToScroll: 1,//預設 1 幻灯片每次滑動幾張
   arrows: false, // 預設 true 左右箭頭是否顯示
   dots: true,
-  prevArrow: '<button type="button" class="slick-prev"><div class="slick-arrow-slider d-flex justify-content-center align-items-center" style="width:50px; height:50px;"><img class="arrow-img" style="width: 15px;" src="./img/sec04/arrow-left.png" alt=""><div></button>',
+  prevArrow: '<button type="button" class="slick-prev"><div class="slick-arrow-slider d-flex justify-content-center align-items-center" style="width:50px; height:50px;"><img class="arrow-img" style="width: 15px;" src="./img/sec04/arrow.png" alt=""><div></button>',
   nextArrow: '<button type="button" class="slick-next"><div class="slick-arrow-slider d-flex justify-content-center align-items-center" style="width:50px; height:50px;"><img class="arrow-img" style="width: 15px;" src="./img/sec04/arrow.png" alt=""><div></button>',
 });
 

style.css

@@ -2693,11 +2693,6 @@ body {
   }
 }
 
-.slick-prev img {
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
-}
-
 .slick-next {
   right: 3px;
 }

style.scss

@@ -1941,11 +1941,6 @@ body {
     }
 }
 
-.slick-prev{
-    img{
-        transform: rotate(180deg);
-    }
-}
 
 .slick-next{
 right:3px;