Print style sheet setup. Added a few IDs as well in the markup.

diff --git a/css/app.css b/css/app.css
index 1b9a4e5..0477322 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6098,9 +6098,9 @@ th.hide-for-touch {
 
   a, a:visited {
     text-decoration: underline; }
-
+/*
   a[href]:after {
-    content: " (" attr(href) ")"; }
+    content: " (" attr(href) ")"; }*/
 
   abbr[title]:after {
     content: " (" attr(title) ")"; }

diff --git a/css/print.css b/css/print.css
new file mode 100644 (file)
index 0000000..07a6099
--- /dev/null
+++ b/css/print.css
@@ -0,0 +1,36 @@
+/*
+GaslightMedia, all rights reserved.
+*/
+nav, input, #searchform, .search-top, #slide, aside, .blocks, .partners, footer,
+main img, #header-description, #side-nav, .gallery img
+{
+    display: none !important;
+}
+
+#logo {
+    text-align: center;
+    padding: 20px 0;
+}
+
+.blocks .block {
+    float: left;
+    width: 33%;
+}
+
+#copyright {
+    text-align: center;
+}
+
+main {
+    width: 80%;
+    margin: 0 auto;
+}
+
+.breadcrumbs > span::after {
+  content: ">";
+  font-size: 12px;
+  padding: 0 7px 0 3px;
+}
+#main-content h1, #main-content h2 {
+    clear: both;
+}
\ No newline at end of file

diff --git a/functions.php b/functions.php
index 58a8916..0ed9f06 100644 (file)
--- a/functions.php
+++ b/functions.php
@@ -199,6 +199,14 @@ function glm_site_scripts()
     }
 }
 
+/**
+ * Proper way to enqueue scripts and styles
+ */
+function northernlakes_scripts() {
+       wp_enqueue_style( 'northernlakes-print', get_template_directory_uri() . '/css/print.css', null, null, 'print' );
+}
+add_action( 'wp_enqueue_scripts', 'northernlakes_scripts' );
+
 
 /* Header for posts*/
 function glm_get_header() {

diff --git a/header.php b/header.php
index f871b02..4740609 100644 (file)
--- a/header.php
+++ b/header.php
@@ -14,7 +14,7 @@
             <div id="page-wrapper">
                     <header>
                         <div class="row collapse">
-                            <div class="small-12 medium-6 columns">
+                            <div id="logo" class="small-12 medium-6 columns">
                                 <a href="<?php bloginfo('url'); ?>"><img src="<?php echo get_template_directory_uri(); ?>/assets/nlea-logo.png"></a>
                             </div>
                             <div class="search-top large-6 colums show-for-large-up right">
@@ -27,7 +27,7 @@
                                 <a id="antrim" target="_blank" href="http://www.antrimcounty.org/"></a>
                             </div>
                         </div>
-                        <div class="row collapse">
+                        <div id="header-description" class="row collapse">
                             <div class="small-12 columns text-right">
                                 <p><em><?php echo get_bloginfo('description'); ?></em></p>
                             </div>