upcoming events similar to event activities

Author: Erik2609

assets/scss/_custom.scss

@@ -31,6 +31,7 @@
 	margin: 0.25rem 0.25rem 0.5rem 0.25rem !important;
 	padding: 0.25rem 0.5rem !important;
 	font-style: normal;
+	text-decoration: none !important;
 }
 
 .highlight-potential-sm {
@@ -46,6 +47,7 @@
 	padding: 0.25rem 0.5rem !important;
 	color: #005aa7;
 	font-style: normal;
+	text-decoration: none !important;
 
 	background-color: rgba(255, 203, 189, 0.5);
 }

assets/scss/templates/_main.scss

@@ -108,6 +108,12 @@ input[type="checkbox"] {
   }
 }
 
+.img-event{
+  max-height: 140px;
+  @media (max-width: 992px) {
+    max-height:120px;
+  }
+}
 // view ≤992px
 @media (max-width: 992px) {
   .margin-banner-image {
@@ -131,9 +137,6 @@ input[type="checkbox"] {
     padding: 15px;
     margin: 20px 0px;
   }
-  .img-event{
-    height:200px;
-  }
   #img-gif{
     width: 100%;
   }

layouts/partials/landingpage/activityfeed.html

@@ -81,43 +81,36 @@ <h3 class="mb-2" style="color: #005aa7;">{{$item.title}}</h3>
         {{ if .activities }}
         <div class="row mt-5">
           <!-- title recent activities section -->
-          <h3 class="section-title" style="color: #005aa7;">{{ .items_title }}</h3>
+          <h3 style="color: #005aa7;">{{ .items_title }}</h3>
           <!-- /title recent activities section -->
         </div>
         {{ range .activities }}
         <a href="{{ .link | relURL }}">
-
-          <div class="row justify-content-between mb-lg-4 my-4 my-lg-0">
-
+          <div class="row justify-content-between my-4 m-0">
             <!-- image -->
-            <div class="col-12 col-lg-3 pt-5 p-lg-0 bg-white landinge-page-activityfeed-activity-image-wrapper">
-              <img class="img-fluid landinge-page-activityfeed-activity-image p-lg-5" src="{{.image}}" />
+            <div class="col-12 col-lg-2 p-0 mt-0 text-center bg-white">
+              <img class="img-fluid img-event p-2" src="{{.image}}" />
             </div>
             <!-- /image -->
 
-            <!-- title -->
-            <div class="col-12 col-lg-9 py-5 bg-white">
-              <div class="px-3 row align-items-center">
-                <h4 class="my-4 ml-3 mr-5" style="color: #005aa7;">
-                  {{.title}}
-                </h4>
+            <div class="col ml-lg-5 bg-white">
+              <div class="row align-items-center">
+                  <h4 class="my-4 ml-4 color-blue">
+                      {{.title}}
+                  </h4>
               </div>
-              <!-- /title -->
-
-              <!-- metadata -->
-              <div class="px-3 row" style="position: relative; bottom: 0;">
-                {{ if .date }}
-                <span class="ml-3 highlight-red-sm">
-                  {{.date }}
-                </span>
-                {{ end }}
-                {{ if .type }}
-                <span class="ml-3 highlight-red-sm">
-                  {{ .type }}
-                </span>
-                {{ end }}
+              <div class="row pl-3">
+                  {{ if .date }}
+                  <span class="mt-3 mb-4 ml-3 highlight-red-sm">
+                      {{ .date }}
+                  </span>
+                  {{ end }}
+                  {{ if .type }}
+                  <span class="mt-3 mb-4 ml-3 highlight-red-sm">
+                    {{ .type }}
+                  </span>
+                  {{ end }}
               </div>
-              <!-- /metadata -->
             </div>
           </div>
         </a>