creating enews sign up with markup instead of a graphic

diff --git a/css/app.css b/css/app.css
index 690aff8..c2218bc 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6433,6 +6433,10 @@ th.hide-for-touch {
   font-family: 'Comfortaa';
   src: url('../assets/fonts/Comfortaa-Bold.ttf'); }
 
+@font-face {
+  font-family: 'Caveat';
+  src: url('../assets/fonts/caveat-bold.ttf'); }
+
 #example.element {
   background-color: transparent; }
 
@@ -8655,3 +8659,21 @@ body footer#main {
       color: white; }
 body .footer-logo {
   max-width: 300px; }
+body .glm-email-address {
+  background: white;
+  color: #54BB54;
+  font-size: 10px;
+  font-weight: bold;
+  padding: 10px;
+  display: inline-block;
+  padding-right: 10px;
+  width: 74%;
+  line-height: 1; }
+body .glm-submit-logo {
+  background: #16345B;
+  color: #54BB54;
+  display: inline-block;
+  width: 15%;
+  text-align: center;
+  font-size: 12px;
+  padding: 2px 0; }

diff --git a/scss/_fonts.scss b/scss/_fonts.scss
index d816ebc..53c067b 100644 (file)
--- a/scss/_fonts.scss
+++ b/scss/_fonts.scss
@@ -2,4 +2,8 @@
 {
     font-family: 'Comfortaa';
     src: url('../assets/fonts/Comfortaa-Bold.ttf');
-}
\ No newline at end of file
+}
+@font-face {
+    font-family: 'Caveat';
+    src: url('../assets/fonts/caveat-bold.ttf'); 
+  }
\ No newline at end of file

diff --git a/scss/_revamp-styles.scss b/scss/_revamp-styles.scss
index 5a65d37..754ce9a 100644 (file)
--- a/scss/_revamp-styles.scss
+++ b/scss/_revamp-styles.scss
@@ -32,4 +32,24 @@ body{
     .footer-logo{
         max-width: 300px;
     }
+    .glm-email-address{
+        background: white;
+        color: $revamp-green;
+        font-size: 10px;
+        font-weight: bold;
+        padding: 10px;
+        display: inline-block;
+        padding-right: 10px;
+        width: 74%;
+        line-height: 1;
+    }
+    .glm-submit-logo{
+        background: $revamp-blue;
+        color: $revamp-green;
+        display: inline-block;
+        width: 15%;
+        text-align: center;
+        font-size: 12px;
+        padding: 2px 0;
+    }
 }
\ No newline at end of file

diff --git a/sidebar.php b/sidebar.php
index 9640492..287e02d 100644 (file)
--- a/sidebar.php
+++ b/sidebar.php
@@ -15,11 +15,17 @@
                                         <h2>Request a visitor guide!</h2>
                                         <img class="visitors-guide-graphic" alt="Visitor Guide" src="<?php bloginfo('template_url'); ?>/assets/visitors-guide-2019.png" href="<?php echo get_page_link($visitorguidePage->ID);?>">
                                         <div class="visitor-view-order">
+                                            
                                             <a href="https://issuu.com/mtpleasantcvb/docs/issuu_mount_pleasant_cvb_19" target="_blank">VIEW</a> <span class="separator">|</span>
                                             <a href="<?php echo get_page_link($visitorguidePage->ID);?>">ORDER</a>
                                         </div>
                                     </div>
-                                    <a href="<?php bloginfo('url'); ?>/e-news-sign-up/"><img alt="Newsletter Signup" src="<?php bloginfo('template_url'); ?>/assets/signup.png"></a>
+                                    <a href="<?php bloginfo('url'); ?>/e-news-sign-up/">
+                                        <h4 style="font-family: 'Caveat';font-size: 28px;">Sign Up for Our Newsletter</h3>
+                                        <span class="glm-email-address">ENTER YOUR EMAIL ADDRESS</span>
+                                        <span class="glm-submit-logo">GO</span>
+                                        <!-- <img alt="Newsletter Signup" src="<?php //bloginfo('template_url'); ?>/assets/signup.png"> -->
+                                    </a>
                                     <div id="epicenter-excerpt">
                                         <div class="sidebar-image-container">
                                             <img src="<?php echo get_template_directory_uri(); ?>/assets/logo-epicenter.png"  alt="">