styling swiper pagination on hero swiper

goldipl · Jun 13, 2024 · 1b98c90 · 1b98c90
1 parent ae25c4d
commit 1b98c90
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/sass/home/_hero_swiper.scss b/sass/home/_hero_swiper.scss
@@ -14,6 +14,9 @@
       &.mobile-hero-swiper {
         display: none;
       }
+      .swiper-pagination {
+        display: none;
+      }
     }
   }
 }
@@ -41,6 +44,8 @@
             }
           }
           .swiper-pagination {
+            display: flex;
+            justify-content: center;
             bottom: 0;
           }
         }

diff --git a/sass/main.css b/sass/main.css
@@ -99,6 +99,9 @@ body {
 .main-2-0 #hero-swiper .hero-swiper.mobile-hero-swiper {
   display: none;
 }
+.main-2-0 #hero-swiper .hero-swiper .swiper-pagination {
+  display: none;
+}
 
 .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background-color: #eb7d3f;
@@ -121,6 +124,8 @@ body {
        object-fit: cover;
   }
   .main-2-0 #hero-swiper .hero-swiper.mobile-hero-swiper .swiper-pagination {
+    display: flex;
+    justify-content: center;
     bottom: 0;
   }
   .main-2-0 #hero-swiper .hero-swiper.desktop-hero-swiper {