blog element tweaks

assets/_src/less/ascribe/_blog.less

@@ -45,6 +45,16 @@
 }
 
 
+//
+// WP Media
+//
+.wp-caption-text {
+    &:extend(.small);
+    color: @greyHr;
+    font-style: italic;
+}
+
+
 //
 // Categories list
 //

content-blog.php

@@ -37,8 +37,12 @@ $avatar = get_avatar( get_the_author_meta('ID'), 96 );
         if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
 
             $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'blog-crop');
-            echo "<img src='{$thumb[0]}' alt='{$title} image'>";
 
+            if ( is_singular() ) {
+                echo "<img src='{$thumb[0]}' alt='{$title} image'>";
+            } else {
+                echo "<a href='{$url}'><img src='{$thumb[0]}' alt='{$title} image'></a>";
+            }
         }
         ?>
     </div>

template-blogheader.php

@@ -27,7 +27,13 @@ require 'controller/init.php';
         </div>
     </div>
     <div class="chevron-divider"></div>
-    <h1><a href="/blog">ascribe blog</a></h1>
+
+    <?php
+        $blogPage       = get_page_by_title('Blog');
+        $blogUrl        = get_permalink($blogPage->ID);
+    ?>
+
+    <h1><a href="<?php echo $blogUrl; ?>">ascribe blog</a></h1>
 </header>
 <nav class="blog-categories">
     <div class="row">