Changed the colour of the card description test

- Uses my own CSS class - technical stuff

4 files changed, 16 insertions, 2 deletions

diff --git a/pyblackbird_cc/static/css/custom.css b/pyblackbird_cc/static/css/custom.css
index 009cc07..47bb39d 100644
--- a/pyblackbird_cc/static/css/custom.css
+++ b/pyblackbird_cc/static/css/custom.css
@@ -6178,6 +6178,11 @@ progress {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 }
 
+.my-card-text {
+  color: #444444;
+  font-size: 0.9rem;
+}
+
 .ey_literacy {
   background-color: #ebde34;
   color: black;
diff --git a/pyblackbird_cc/static/scss/custom.scss b/pyblackbird_cc/static/scss/custom.scss
index d0599e9..75dd6e4 100644
--- a/pyblackbird_cc/static/scss/custom.scss
+++ b/pyblackbird_cc/static/scss/custom.scss
@@ -34,6 +34,11 @@ $ml-font-label-weight: 500;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 }
 
+.my-card-text {
+  color: #444444;
+  font-size: 0.9rem;
+}
+
 
 //h2 {
 //  color: $primary;
diff --git a/pyblackbird_cc/templates/resources/resource_card_featured.html b/pyblackbird_cc/templates/resources/resource_card_featured.html
index 586a851..79ae205 100644
--- a/pyblackbird_cc/templates/resources/resource_card_featured.html
+++ b/pyblackbird_cc/templates/resources/resource_card_featured.html
@@ -24,7 +24,9 @@
             {% endif %}
         </div>
         {% if resource.card_description %}
-            <p class="card-text my-2">{{ resource.card_description | markdown | safe }}</p>
+            <div class="my-card-text">
+                <p class="card-text my-2">{{ resource.card_description | markdown | safe }}</p>
+            </div>
         {% else %}
             <p class="card-text my-2">{{ resource.description | markdown | safe }}</p>
         {% endif %}
diff --git a/pyblackbird_cc/templates/resources/resource_card_standard.html b/pyblackbird_cc/templates/resources/resource_card_standard.html
index b3d230e..66e77ab 100644
--- a/pyblackbird_cc/templates/resources/resource_card_standard.html
+++ b/pyblackbird_cc/templates/resources/resource_card_standard.html
@@ -32,7 +32,9 @@
                         <span class="badge bg-info me-2">Feature slot: {{ resource.feature_slot }}</span>
                     {% endif %}
                 </div>
-                <p>{{ resource.card_description }}</p>
+                <div class="my-card-text my-2">
+                    <p>{{ resource.card_description }}</p>
+                </div>
                 <div class="d-flex flex-row justify-content-between align-items-end mt-2">
                     <p class="card-text m-1"><small class="text-muted">1 credit</small></p>
                     <button type="button" class="btn btn-success fs-6 px-2 py-0">Add to basket</button>