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 (file)
--- 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 (file)
--- 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 (file)
--- 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;