slide_size_update

columns.js

@@ -123,26 +123,22 @@ function renderSec07() {
     })
 
         .done(function (msg) {
-
             console.log(msg);
             console.log(msg.length);
-
-
             let str = '';
 
             for (let i = 0; i < msg.length; i++) {
   
-                str += `<div class="sec-07__slider-${i + 1} slide-item" onclick="window.open('${msg[i].link}');" data-bg="${msg[i].imgUrl}"><img class="img-fluid" src="${msg[i].imgUrl}"></div>`
+                str += `<div class="sec-07__slider-${i + 1} slide-item p-1" onclick="window.open('${msg[i].link}');" data-bg="${msg[i].imgUrl}"><img class="img-fluid" src="${msg[i].imgUrl}"></div>`
 
             }
-
             $(`.sec-07__slider`).html(str);
 
             $(".sec-07__slider").slick({
                 dots: false,
                 autoplay: true,
                 arrows: true,
-                slidesToShow: 1,
+                slidesToShow: 4,
                 slidesToScroll: 1,
                 autoplaySpeed: 7000,
                 initialSlide: 0,
@@ -152,7 +148,6 @@ function renderSec07() {
             });
 
         });
-
 }
 
 get_data();

css/style.css

@@ -3080,19 +3080,19 @@ body {
 }
 
 .sec-07_Ads .slick-prev {
-  left: 50px;
+  left: 15px;
   z-index: 100;
 }
 
 .sec-07_Ads .slick-next {
-  right: 50px;
+  right: 15px;
 }
 
 .sec-07_Ads .container {
   margin: 0 auto;
   padding: .8rem 1.2rem;
   max-width: 1050px;
-  width: 55%;
+  width: 60%;
 }
 
 @media (max-width: 1100px) {

css/style.scss

@@ -2520,17 +2520,17 @@ body {
     padding: 2rem 0;
     background-color: #F4F4F4;
     .slick-prev{
-        left: 50px;
+        left: 15px;
         z-index: 100;
     }
     .slick-next{
-        right: 50px;
+        right: 15px;
     }
     .container {
         margin:0 auto;
         padding: .8rem 1.2rem;
         max-width: 1050px;
-        width: 55%;
+        width: 60%;
        
         @media (max-width: 1100px) {
             width: 90%;