diff --git a/src/main/java/Team5/SmartTowns/trails/Trail.java b/src/main/java/Team5/SmartTowns/trails/Trail.java
index be2d5aaa9966d91a80d43dce3e3b1107d0250b4b..73277381b7a511cbb998b52900699b6b9543ff0d 100644
--- a/src/main/java/Team5/SmartTowns/trails/Trail.java
+++ b/src/main/java/Team5/SmartTowns/trails/Trail.java
@@ -17,10 +17,12 @@ public class Trail {
     String description;
     int nLandmarks;
     int difficulty; //1-5
+    String imgPath;
 
     public Trail(int id, String name, String description) {
         this.id = id;
         this.name = name;
         this.description = description;
+        imgPath = "images/trails/trail" + id + ".jpg";
     }
 }
diff --git a/src/main/resources/static/css/allTrails.css b/src/main/resources/static/css/allTrails.css
index fd539f6dc0096fa1511ac8c45a5acb8d2a807813..1f63bfef2743bc8df2f94fce0cb691c5488fa46e 100644
--- a/src/main/resources/static/css/allTrails.css
+++ b/src/main/resources/static/css/allTrails.css
@@ -40,13 +40,11 @@
 
 .trailInfoBox {
     animation: fadeIn 3s;
+    padding: 20px;
+    font-size: xx-large;
 }
+
 @keyframes fadeIn {
     0% { opacity: 0; }
     100% { opacity: 1; }
-}
-@keyframes fadeGrey {
-    0% {}
-    100% { background-color: #656565 }
-}
-
+}
\ No newline at end of file
diff --git a/src/main/resources/templates/fragments/allTrailsFrags.html b/src/main/resources/templates/fragments/allTrailsFrags.html
index 35f4bf9ef04f3949a61665f7102a517e291d9ac7..4779bae2a941fa2063a71740986a9930f6aa9ed6 100644
--- a/src/main/resources/templates/fragments/allTrailsFrags.html
+++ b/src/main/resources/templates/fragments/allTrailsFrags.html
@@ -1,3 +1,4 @@
 <section th:fragment="trailSection" class="trailInfoBox">
-    <h1 th:text="${searchList.description}"></h1>
-</section>
\ No newline at end of file
+    <h1 th:text="${searchList.getName()}"></h1>
+    <p th:text="${searchList.getDescription()}"></p>
+</section>