Artist template

wp-content/themes/studio13/css/app.css

@@ -616,4 +616,6 @@ article .article-footer { text-align: right; margin-bottom: 2em; }
 .row { /* FIXME: responsive */ width: 1000px; max-width: 1000px; }
 
 /* Template styles */
-.template-artists .artists { font-size: 1.5em; text-transform: uppercase; }
+.template-artists .artists { font-size: 1.5em; text-transform: uppercase; text-align: center; font-weight: bold; }
+.template-artists .artists .artist-box a { color: #007aff; }
+.template-artists .artists .artist-box a:hover { color: white; background-color: #ff005c; }

wp-content/themes/studio13/functions.php

@@ -12,7 +12,7 @@ add_theme_support( 'post-thumbnails' );
 
 add_image_size( 'eight-columns', 650, 500, true );
 add_image_size( 'four-columns', 310, 160, true );
-add_image_size( 'artist-thumb', 310, 260, true );
+add_image_size( 'artist-thumb', 228, 191, true );
 
 
 function studio_enqueue_scripts() {

wp-content/themes/studio13/sass/app.scss

@@ -445,6 +445,18 @@ article {
     .artists {
         font-size: 1.5em;
         text-transform: uppercase;
+        text-align: center;
+        font-weight: bold;
+        .artist-box {
+            a {
+                color: $primary-color;
+                &:hover {
+                    color: white;
+                    background-color: $secondary-color;
+                }
+            }
+
+        }
 
     }
 

wp-content/themes/studio13/template-artists.php

@@ -21,9 +21,7 @@ Template Name: Artists page
                             /* Print our custom post type */
 $query = new WP_Query( array ( 'post_type' => 'artist', 'orderby' => 'title', 'order' => 'asc') );
                             while ( $query->have_posts() ):
-                                $query->the_post(); ?>
-<li><a href="<?php the_permalink();?>"><?php the_post_thumbnail('artist-thumb'); the_title(); ?></a></li>
-                        <?php endwhile;
+                                $query->the_post(); ?><li class="artist-box"><a href="<?php the_permalink();?>"><?php the_post_thumbnail('artist-thumb'); the_title(); ?></a></li><?php endwhile;
                             wp_reset_postdata();?>
                         </ul>
                 </section> <!-- end article section -->