Fix position bullets

mheland · Aug 15, 2023 · ced200c · ced200c
1 parent 505f94b
commit ced200c
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 6 deletions.
diff --git a/assets/built/glide.theme.css b/assets/built/glide.theme.css
diff --git a/assets/built/glide.theme.css.map b/assets/built/glide.theme.css.map
diff --git a/assets/css/glide.theme.css b/assets/css/glide.theme.css
@@ -30,11 +30,12 @@
   .glide__bullets {
     position: absolute;
     z-index: 2;
-    bottom: 3rem;
+    top: 300px;
     left: 50%;
     display: inline-flex;
     list-style: none;
-    transform: translateX(-50%); }
+    transform: translateX(-50%);
+   }
 
   .glide__bullet {
     background-color: rgba(255, 255, 255, 0.5);
@@ -70,7 +71,7 @@
   li.glide__slide .slide-txt {
     position: relative;
     font-size: 2em;
-    bottom: 30%;
+    bottom: 100px;
     left: 15px;
     z-index: 2;
     line-height: 100%;
@@ -91,6 +92,12 @@
   .glide__slide img {
   height: 30vh;
   }
+
+  .glide__bullets {
+    top: 25vh;
+   }
+
+
 }
 
 .glide__slide--active{

diff --git a/partials/showcase.hbs b/partials/showcase.hbs
@@ -5,7 +5,7 @@
 
 <section class="section showcase" id="showcase">
     <div class="columns mb-0 pb-0">
-        <div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd"></div>
+        <div class="column is-hidden-touch is-1-desktop is-1-widescreen is-2-fullhd mb-0 pb-0"></div>
         <div class="column is-12-tablet is-10-desktop is-10-widescreen is-8-fullhd mb-0 pb-0">
             <div class="columns mb-0 pb-0">
                 {{!-- carousel start--}}