added shareThis icon to footer

diff --git a/css/app.css b/css/app.css
index 455009a..7dbe4cf 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7631,12 +7631,12 @@ ul.social {
   list-style: none; }
   ul.social li {
     display: inline-block; }
-    ul.social li a.facebook, ul.social li a.twit, ul.social li a.youtube, ul.social li a.pin, ul.social li a.flick, ul.social li a.instagram, ul.social li a.google, ul.social li a.share {
+    ul.social li a.facebook, ul.social li a.twit, ul.social li a.youtube, ul.social li a.pin, ul.social li a.flick, ul.social li a.instagram, ul.social li a.google, ul.social li a.stButton .sharethis {
       display: inline-block;
       background: url(../assets/socials-icon.jpg) no-repeat;
       height: 24px;
       width: 24px; }
-      ul.social li a.facebook:hover, ul.social li a.twit:hover, ul.social li a.youtube:hover, ul.social li a.pin:hover, ul.social li a.flick:hover, ul.social li a.instagram:hover, ul.social li a.google:hover, ul.social li a.share:hover {
+      ul.social li a.facebook:hover, ul.social li a.twit:hover, ul.social li a.youtube:hover, ul.social li a.pin:hover, ul.social li a.flick:hover, ul.social li a.instagram:hover, ul.social li a.google:hover, ul.social li a.stButton .sharethis:hover {
         text-decoration: none;
         background: url(../assets/social-icons-hover.jpg) no-repeat; }
     ul.social li a.facebook {
@@ -7672,10 +7672,22 @@ ul.social {
       margin: 0 10px; }
       ul.social li a.google:hover {
         background-position: -67px -33px; }
-    ul.social li a.share {
+    ul.social li a.stButton .sharethis {
       background-position: -100px -33px;
       margin-left: 10px; }
-      ul.social li a.share:hover {
+      ul.social li a.stButton .sharethis:hover {
         background-position: -100px -33px; }
 
+.stButton .sharethis {
+  background: url(../assets/socials-icon.jpg) no-repeat !important;
+  background-position: -100px -33px !important; }
+  .stButton .sharethis:hover {
+    text-decoration: none;
+    background: url(../assets/social-icons-hover.jpg) no-repeat !important;
+    background-position: -100px -33px !important; }
+
+.stButton .chicklets {
+  height: 25px !important;
+  line-height: 38px !important; }
+
 /* End Mobile Menu */
\ No newline at end of file

diff --git a/footer.php b/footer.php
index 16b8fbe..2b425ca 100644 (file)
--- a/footer.php
+++ b/footer.php
@@ -11,16 +11,16 @@
                                 <div id="social_foot" class="medium-2 columns show-for-large-up">
                                     <p>Be Social</p>
                                     <ul class="social">
-                                        <li><a class="facebook"></a></li>
-                                        <li><a class="twit"></a></li>
-                                        <li><a class="youtube"></a></li>
-                                        <li><a class="pin"></a></li>
+                                        <li><a href="http://www.facebook.com/DiscoverKalamazoo#!/pages/Discover-Kalamazoo/132855153406838"class="facebook"></a></li>
+                                        <li><a href="http://twitter.com/DiscoverKzoo" class="twit"></a></li>
+                                        <li><a href="http://www.youtube.com/user/DiscoverKalamazoo" class="youtube"></a></li>
+                                        <li><a href="http://pinterest.com/discoverkzoo/" class="pin"></a></li>
                                     </ul>
                                     <ul class="social">
-                                        <li><a class="flick"></a></li>
-                                        <li><a class="instagram"></a></li>
-                                        <li><a class="google"></a></li>
-                                        <li><a class="share"></a></li>
+                                        <li><a "http://www.flickr.com/discoverkalamazoo/" class="flick"></a></li>
+                                        <li><a href="http://instagram.com/discoverkzoo#" class="instagram"></a></li>
+                                        <li><a href="https://plus.google.com/b/115700146801924187896/115700146801924187896/posts" class="google"></a></li>
+                                        <li><span class='st_sharethis' st_title='<?php the_title(); ?>' st_url='<?php the_permalink(); ?>'></span></li>
                                     </ul>
                                 </div>
                             </div>
@@ -47,5 +47,8 @@
         </div><!--End of inner-wrap-->
       </div><!--End of off-canvas-->
   <?php wp_footer();?>
+  <script charset="utf-8" type="text/javascript">var switchTo5x=true;</script>
+<script charset="utf-8" type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
+<script charset="utf-8" type="text/javascript">stLight.options({"publisher":"wp.c3d3647e-de70-4780-b71d-6b739fad685a"});var st_type="wordpress4.3.1";</script>
   </body>
 </html>

diff --git a/scss/_left-off-canvas.scss b/scss/_left-off-canvas.scss
index b356506..52afe53 100644 (file)
--- a/scss/_left-off-canvas.scss
+++ b/scss/_left-off-canvas.scss
@@ -82,7 +82,7 @@ ul.social {
     li {
         display: inline-block;
         a {
-            &.facebook, &.twit, &.youtube, &.pin, &.flick, &.instagram, &.google, &.share {
+            &.facebook, &.twit, &.youtube, &.pin, &.flick, &.instagram, &.google, &.stButton .sharethis {
                 display: inline-block;
                 background: url(../assets/socials-icon.jpg) no-repeat;
                 height: 24px;
@@ -138,7 +138,7 @@ ul.social {
                     background-position: -67px -33px;
                 }
             }
-            &.share {
+            &.stButton .sharethis {
                 background-position: -100px -33px;
                 margin-left: 10px;
                 &:hover {
@@ -148,4 +148,35 @@ ul.social {
         }
     }
 }
+.stButton .sharethis{
+    background: url(../assets/socials-icon.jpg) no-repeat !important;
+     background-position: -100px -33px !important;
+//    margin-left: 10px;
+////    height: 24px;
+////    width: 24px;
+    &:hover {
+        text-decoration: none;
+        background: url(../assets/social-icons-hover.jpg) no-repeat !important;
+         background-position: -100px -33px !important;
+                }
+}
+//.stButton .sharethis{
+//    background-position: -100px -33px !important;
+//    margin-left: 10px;
+//    &:hover {
+//        background-position: -100px -33px !important;
+//                }
+//}
+.st_sharethis{
+//    position: relative !important;
+//    top: 7px !important;
+//    margin-right: 3px !important;
+}
+.stButton .chicklets{
+    height: 25px !important;
+    line-height: 38px !important;
+}
+#offShareLeft, #offShareRight{
+//    top: 12px !important;
+}
 /* End Mobile Menu */