Fixed up the collection of collections page and some extra styling fo…

…r the regular collections page
jimwhimpey · Mar 11, 2012 · fd82d52 · fd82d52
1 parent df6b102
commit fd82d52
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 3 deletions.
diff --git a/assets/stylesheet.css b/assets/stylesheet.css
@@ -236,6 +236,23 @@ body {
       border-bottom: 1px solid #F9DCE9; }
       .collection .content-inner h2 a:hover {
         border-bottom: 1px solid #D095B8; }
+  .collection .content-inner .collection-description {
+    font-family: "chaparral-pro", Georgia, Times, serif;
+    font-size: 20px;
+    text-align: center; }
+
+.listing .content-inner {
+  padding: 70px 0; }
+  .listing .content-inner ul {
+    font-family: "chaparral-pro", Georgia, Times, serif;
+    font-size: 20px;
+    text-align: center; }
+    .listing .content-inner ul a {
+      color: #D095B8;
+      text-decoration: none;
+      border-bottom: 1px solid #F9DCE9; }
+      .listing .content-inner ul a:hover {
+        border-bottom: 1px solid #D095B8; }
 
 /******************************************************************************/
 /* REGULAR PAGES */

diff --git a/assets/stylesheet.scss b/assets/stylesheet.scss
@@ -248,6 +248,23 @@
 				text-align: center;
 				a { @include bodylinks; }
 			}
+			.collection-description {
+				@include serif;
+				font-size: 20px;
+				text-align: center;
+			}
+		}
+	}
+
+	.listing {
+		.content-inner { 
+			padding: 70px 0;
+			ul {
+				@include serif;
+				font-size: 20px;
+				text-align: center;
+				a { @include bodylinks; }
+			}
 		}
 	}
 

diff --git a/snippets/collection-listing.liquid b/snippets/collection-listing.liquid
@@ -11,8 +11,7 @@
 						{% if collection.image %}
 							<div class="collection-image">
 	          		<a href="{{ collection.url }}" title="Browse our {{ collection_title }} collection">
-	            		{{ collection.image.src | collection_img_url: 'medium' | img_tag: collection_title }}{% else %}
-									{{ collection.products.first.featured_image | product_img_url: 'medium' | img_tag: collection_title }}
+	            		{{ collection.image.src | collection_img_url: 'thumb' | img_tag: collection_title }}
 								</a>
 							</div>
 						{% endif %}
@@ -22,6 +21,8 @@
 					</li>
 				{% endunless %}
 	  {% endfor %}
+
+		</ul>
 
 	</div>
 

diff --git a/templates/collection.liquid b/templates/collection.liquid
@@ -5,7 +5,7 @@
 		<h2><a href="/">Gear</a> &rarr; {{ collection.title }}</h2>
 
 		{% if collection.description %}
-			<p class="collection-description">{{ collection.description }}</p>
+			<div class="collection-description">{{ collection.description }}</div>
 		{% endif %}
 
 		{% if collection.products.size == 0 %}