Merge pull request #317 from RaunakMandal/master

Fix: Bring Nav buttons to Middle
vikhyatsingh123 · Oct 29, 2022 · 8febbb0 · 8febbb0
2 parents 4302af5 + 498c7e0
commit 8febbb0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/css/style.css b/css/style.css
@@ -340,6 +340,7 @@ button:focus {
 .slides-pagination a.current {
     background: #FF4F04;
     border: 2px solid #FF4F04;
+    padding: 34px;
 }
 
 /*------------------------------------------------------------------

diff --git a/css/superslides.css b/css/superslides.css
@@ -43,22 +43,21 @@
   bottom: 0;
   text-align: center;
   width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  margin-bottom: 16px;
 }
 .slides-pagination a {
-  /* border: 2px solid #222; */
+  display: flex;
+  justify-content: center;
+  align-items: center;
   border-radius: 15px;
-  width: 10px;
   height: 10px;
-  display: -moz-inline-stack;
-  display: inline-block;
-  vertical-align: middle;
-  *vertical-align: auto;
-  zoom: 1;
-  *display: inline;
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
+  width: 10px;
   margin: 2px;
-  overflow: hidden;
-  text-indent: -100%;
+  padding: 32px;
+  color: white;
 }
 .slides-pagination a.current {
   background: rgb(204, 99, 99);