Footer style edits for news bar and city list

The footer news bar had to be restyled due to the signup button
changing from a false input field to a signup button. City list
font also decreased so it will fit.

diff --git a/css/app.css b/css/app.css
index 2e80f27..45849ea 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7935,6 +7935,9 @@ footer.main {
   #news-footer a {
     margin-top: 20px; }
 
+#news-signup-text {
+  padding-bottom: 20px; }
+
 #foot-bottom {
   background: #0264a1;
   padding: 55px 0; }
@@ -7964,12 +7967,26 @@ footer.main {
       #foot-bottom img {
         margin-top: 0; } }
 
-#locations span {
-  white-space: nowrap;
-  font-size: 11px; }
-@media only screen and (max-width: 40em) {
-  #locations {
-    margin-bottom: 20px; } }
+#locations-copyright-container {
+  padding: 0; }
+
+#footer_address span.bullet, #locations-copyright-container span.bullet {
+  margin: 0 2.5px; }
+  @media only screen and (max-width: 40em) {
+    #footer_address span.bullet, #locations-copyright-container span.bullet {
+      display: none !important; } }
+
+#locations {
+  padding: 35px 0 0;
+  float: none;
+  margin: 0 auto; }
+  #locations span {
+    color: #FFFFFF;
+    white-space: nowrap;
+    font-size: 11px; }
+  @media only screen and (max-width: 40em) {
+    #locations {
+      margin-bottom: 20px; } }
 
 #footer_address span {
   white-space: nowrap;
@@ -7998,14 +8015,13 @@ footer.main {
         background: #0093d1; }
 
 #copyright {
-  padding: 35px 0 0;
   margin: 0 auto;
   float: none; }
   @media only screen and (max-width: 40em) {
     #copyright {
       padding-top: 25px; } }
   #copyright span {
-    font-size: 0.875rem;
+    font-size: 1rem;
     color: #FFFFFF;
     white-space: nowrap; }
   #copyright a {
@@ -8014,12 +8030,6 @@ footer.main {
     #copyright {
       padding-top: 20px; } }
 
-#footer_address span.bullet, #copyright span.bullet {
-  margin: 0 2.5px; }
-  @media only screen and (max-width: 40em) {
-    #footer_address span.bullet, #copyright span.bullet {
-      display: none !important; } }
-
 .off-canvas-wrap {
   min-height: 100%; }
   .off-canvas-wrap .inner-wrap {

diff --git a/footer.php b/footer.php
index d0da99a..2f4e831 100644 (file)
--- a/footer.php
+++ b/footer.php
@@ -32,12 +32,12 @@
                             </div>
                             <div id="news-footer">
                                 <div class="row large-collapse">
-                                    <div class="small-12 large-6 columns">
+                                    <div id="news-signup-text" class="small-12 medium-8 small-centered large-uncentered large-6 large-offset-3 columns small-text-center large-text-left">
                                         <h2>Get Petoskey Area News Via Email</h2>
                                         <p>Our free e-mail newsletter will give you the scoop on upcoming events and festivities.</p>
                                     </div>
-                                    <div class="small-12 large-6 columns">
-                                        <a href="<?php echo get_permalink(161);?>" class="right signup-link"><img class="signup-image" alt="Sign Up Link" src="<?php echo get_template_directory_uri();?>/assets/signup.jpg"></a>
+                                    <div id="news-signup-button" class="small-12 small-centered medium-uncentered small-text-center medium-12 large-2 columns">
+                                        <a href="<?php echo get_permalink(161);?>" class="signup-link"><img class="signup-image" alt="Sign Up Link" src="<?php echo get_template_directory_uri();?>/assets/signup.jpg"></a>
                                     </div>
                                 </div>
                             </div>
@@ -53,7 +53,7 @@
                                         <div class="show-for-medium-up">
                                             <?php glm_theme_footer(); ?>
                                         </div>
-                                        <div id="copyright" class="small-12 row columns">
+                                        <div id="locations-copyright-container" class="small-12 row columns">
                                             <div id="locations">
                                                 <span>Petoskey</span>
                                                 <span class="bullet"> &#8226; </span>
@@ -71,10 +71,12 @@
                                                 <span class="bullet"> &#8226; </span>
                                                 <span>Boyne Falls</span>
                                             </div>
-                                            <span>&copy; <?php echo date('Y');?> Copyright  by Petoskey Area</span>
-                                            <span> Visitor Bureau </span>
-                                            <span class="bullet"> &#8226; </span>
-                                            <span> All Rights Reserved.</span>
+                                            <div id="copyright">
+                                                <span>&copy; <?php echo date('Y');?> Copyright  by Petoskey Area</span>
+                                                <span> Visitor Bureau </span>
+                                                <span class="bullet"> &#8226; </span>
+                                                <span> All Rights Reserved.</span>
+                                            </div>
                                         </div>
                                     </div>                                    
                                 </div>

diff --git a/scss/_copyright.scss b/scss/_copyright.scss
index 062bd30..ec39ff6 100644 (file)
--- a/scss/_copyright.scss
+++ b/scss/_copyright.scss
@@ -1,12 +1,11 @@
 #copyright {
-    padding: 35px 0 0;
     margin: 0 auto;
     float: none;
     @media #{$small-only}{
         padding-top: 25px;
     }
     span {
-        font-size: rem-calc(14);
+        font-size: rem-calc(16);
         color: $white;
 //        line-height: 1;
         white-space: nowrap;
@@ -17,11 +16,4 @@
     @media #{$small-only}{
         padding-top: 20px;
     }
-}
-#footer_address span.bullet,
-#copyright span.bullet {
-    margin: 0 2.5px;
-    @media #{$small-only} {
-        display: none !important;
-    }
-}
+}
\ No newline at end of file

diff --git a/scss/_page.footer.scss b/scss/_page.footer.scss
index 9d2ba96..f44ca88 100644 (file)
--- a/scss/_page.footer.scss
+++ b/scss/_page.footer.scss
@@ -225,6 +225,9 @@ footer.main {
         margin-top: 20px;
     }
 }
+#news-signup-text {
+    padding-bottom: 20px;
+}
 #foot-bottom {
     background: $blue;
     padding: 55px 0;
@@ -259,8 +262,22 @@ footer.main {
         }
     }
 }
+#locations-copyright-container {
+    padding: 0;
+}
+#footer_address span.bullet,
+#locations-copyright-container span.bullet {
+    margin: 0 2.5px;
+    @media #{$small-only} {
+        display: none !important;
+    }
+}
 #locations {
+    padding: 35px 0 0;
+    float: none;
+    margin: 0 auto;
     span {
+        color: $white;
         white-space: nowrap;
         font-size: 11px;
     }