hide tutorial's scrollbar

edrisranjbar · Oct 13, 2021 · e9dfedc · e9dfedc
1 parent aa2769e
commit e9dfedc
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -416,13 +416,21 @@ header {
   margin-bottom: 102px;
   background: linear-gradient(90deg, #7C96F7 0%, #6C63FF 100%);
   background-image: url('../images/Tutorials.png');
-  background-size: contain;
+  background-size: 100%;
   background-repeat: no-repeat;
   min-height: 800px;
 }
+.tutorials .row::-webkit-scrollbar {
+  display: none;
+}
+.tutorials .row{
+  -ms-overflow-style: none;  /* IE and Edge */
+  scrollbar-width: none;  /* Firefox */
+}
 
 .tutorial {
   width: 350px;
+  flex-shrink: 0;
   background: #F0F0F0;
   box-shadow: 0px 10px 40px rgba(50, 45, 45, 0.25);
   border-radius: 10px;

diff --git a/tutorials.php b/tutorials.php
@@ -1,6 +1,6 @@
 <section class="tutorials">
     <h2 class="title">دوره های آموزشی</h2>
-    <div class="row">
+    <div class="row" style="overflow-x: scroll;">
         <?php
         $args = array(
             'post_type' => 'tutorial'
@@ -28,7 +28,7 @@
                             <h2 class="tutorial_title"><?php echo get_the_title(); ?></h2>
                         </a>
                         <div class="row">
-                            <span class="price_tag">11,300 تومان</span>
+                            <span class="price_tag">رایگان</span>
                         </div>
                     </div>
                 </div>