From: Steve Sutton <steve@gaslightmedia.com>
Date: Fri, 20 May 2016 20:45:55 +0000 (-0400)
Subject: take out background image for the share icon and use just css
X-Git-Tag: v1.0.0^2~22
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=561007abf62068bd7b2d9923e5f0b0963320da0d;p=WP-Themes%2FDiscoverKZOO.git

take out background image for the share icon and use just css
---

diff --git a/css/app.css b/css/app.css
index a5c4799..52d9d59 100644
--- a/css/app.css
+++ b/css/app.css
@@ -7016,13 +7016,17 @@ header {
   margin-top: 10px;
   width: 58px; }
 
-.right #shareThisOrange .stButton .chicklets {
+#glm-event-wrapper span#eventShare.st_sharethis .stButton .chicklets, .right #shareThisOrange .stButton .chicklets {
   display: none; }
 
-#shareThisOrange {
-  background-image: url("../assets/share-icon.png") !important;
-  width: 52px;
-  height: 22px; }
+#glm-event-wrapper span#eventShare.st_sharethis, #shareThisOrange {
+  background-color: #f48f22 !important;
+  padding: 2px 0 5px 10px;
+  font-size: 0.875rem;
+  font-weight: bold;
+  color: white;
+  width: auto;
+  height: 30px; }
 
 #footerShareThis, #stOff {
   position: relative;
diff --git a/parts/bread-crumbs.php b/parts/bread-crumbs.php
index 0c0771a..65c72d2 100644
--- a/parts/bread-crumbs.php
+++ b/parts/bread-crumbs.php
@@ -1,4 +1,4 @@
-<?php echo '<span id="shareThisOrange" class="st_sharethis" st_title="'. get_the_title().'" st_url="'. get_the_permalink() .'"></span>'; ?>
+<?php echo '<span id="shareThisOrange" class="st_sharethis" st_title="'. get_the_title().'" st_url="'. get_the_permalink() .'">+ Share</span>'; ?>
 <?php if(function_exists('bcn_display') && !is_front_page())
 {
     echo "<div class=\"breadcrumbs\">";
diff --git a/scss/_main.scss b/scss/_main.scss
index 817251b..9b00c49 100644
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -301,13 +301,19 @@
     margin-top: 10px;
     width: 58px;
 }
+#glm-event-wrapper span#eventShare.st_sharethis .stButton .chicklets,
 .right #shareThisOrange .stButton .chicklets{
     display: none;
 }
- #shareThisOrange{
-  background-image: url("../assets/share-icon.png") !important;
-  width: 52px;
-  height: 22px;
+#glm-event-wrapper span#eventShare.st_sharethis,
+#shareThisOrange{
+    background-color: $orange !important;
+    padding: 2px 0 5px 10px;
+    font-size: rem-calc(14);
+    font-weight: bold;
+    color: white;
+    width: auto;
+    height: 30px;
 }
 #footerShareThis, #stOff{
     position: relative;