css

user/themes/gilles_acezat/scss/theme/item.scss

@@ -3,6 +3,15 @@ body{
     #body-wrapper.blog-listing{
       border-top: 1px solid black;
       padding-top: 20px;
+      .img-card{
+        width: 50%;
+        &:nth-child(odd){
+          padding-right: 10px;
+        }
+        &:nth-child(even){
+          padding-left: 10px;
+        }
+      }
       .header-item{
         position: relative;
         .title{
@@ -20,21 +29,40 @@ body{
         }
         .content{
           width: calc((100% / 3) * 2);
+          margin: 20px  0;
           .txt{
             column-count: 2;
-            margin: 20px  0;
           }
         }
         .prev-next{
-          position: absolute;
           width: calc(100% / 3);
+          padding-left: 20px;
+          position: absolute;
           top: 0;
           right: 0;
+          .btn-info{
+            position: absolute;
+            transform: rotate(-15deg);
+            margin-left: 40px;
+            margin-top: 20px;
+          }
+          img{
+            float: right;
+            width: 80%;
+          }
         }
-        .top{
-          text-align: center;
-          margin-bottom: 20px;
-        }
+      }
+    }
+    .top{
+      text-align: center;
+      margin: 20px auto 20px auto;
+      width: 50px;
+      img{
+        width: 20px;
+        margin-bottom:5px;
+      }
+      p{
+        transform: rotate(-10deg);
       }
     }
   }