Link sidebar & overlay hover instead of image, link weather & recolor

diff --git a/assets/sidebar/enews-hover.jpg b/assets/sidebar/enews-hover.jpg
deleted file mode 100755 (executable)
index f66b8a7..0000000
Binary files a/assets/sidebar/enews-hover.jpg and /dev/null differ

diff --git a/assets/sidebar/plan-your-trip-hover.jpg b/assets/sidebar/plan-your-trip-hover.jpg
deleted file mode 100755 (executable)
index e7592b8..0000000
Binary files a/assets/sidebar/plan-your-trip-hover.jpg and /dev/null differ

diff --git a/assets/sidebar/request-planner-hover.jpg b/assets/sidebar/request-planner-hover.jpg
deleted file mode 100755 (executable)
index 35081dd..0000000
Binary files a/assets/sidebar/request-planner-hover.jpg and /dev/null differ

diff --git a/css/app.css b/css/app.css
index 1e0f63e..8d392fc 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6981,6 +6981,7 @@ div.weather-atlas-wrapper {
     margin: 0;
     padding: .4em 0rem; }
     div.weather-atlas-wrapper div.weather-atlas-body .current_temp {
+      color: #000000;
       text-align: center;
       margin: 0; }
       div.weather-atlas-wrapper div.weather-atlas-body .current_temp i.wi {
@@ -8075,27 +8076,26 @@ article {
   margin-bottom: 40px; }
   #sidebar-action .sidebar-action-item {
     display: block;
-    background-repeat: no-repeat;
     width: 100%;
     height: 200px;
     max-width: 300px;
     border-radius: 6px;
-    border: 2px solid #FFFFFF;
-    margin-bottom: 20px; }
-    #sidebar-action .sidebar-action-item:hover {
-      border: 2px solid #f59e00; }
+    margin-bottom: 20px;
+    position: relative; }
+    #sidebar-action .sidebar-action-item .sidebar-action-overlay {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      border: 2px solid #FFFFFF; }
+      #sidebar-action .sidebar-action-item .sidebar-action-overlay:hover {
+        background: rgba(255, 255, 255, 0.1);
+        border: 2px solid #f59e00; }
     #sidebar-action .sidebar-action-item#sidebar-enews {
       background-image: url("../assets/sidebar/enews.jpg"); }
-      #sidebar-action .sidebar-action-item#sidebar-enews:hover {
-        background-image: url("../assets/sidebar/enews-hover.jpg"); }
     #sidebar-action .sidebar-action-item#sidebar-trip-planner {
       background-image: url("../assets/sidebar/plan-your-trip.jpg"); }
-      #sidebar-action .sidebar-action-item#sidebar-trip-planner:hover {
-        background-image: url("../assets/sidebar/plan-your-trip-hover.jpg"); }
     #sidebar-action .sidebar-action-item#sidebar-request-planner {
       background-image: url("../assets/sidebar/request-planner.jpg"); }
-      #sidebar-action .sidebar-action-item#sidebar-request-planner:hover {
-        background-image: url("../assets/sidebar/request-planner-hover.jpg"); }
 
 #full-width-links {
   padding: 0;

diff --git a/scss/_sidebar.scss b/scss/_sidebar.scss
index 6da92bc..9e101dc 100644 (file)
--- a/scss/_sidebar.scss
+++ b/scss/_sidebar.scss
@@ -141,33 +141,30 @@
     margin-bottom: 40px;
     .sidebar-action-item {
         display: block;
-        background-repeat: no-repeat;
         width: 100%;
         height: 200px;
         max-width: 300px;
         border-radius: 6px;
-        border: 2px solid $white;
         margin-bottom: 20px;
-        &:hover {
-            border: 2px solid $gold;
+        position: relative;
+        .sidebar-action-overlay {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            border: 2px solid $white;
+            &:hover {
+                background: rgba(255,255,255,0.1);
+                border: 2px solid $gold;
+            }
         }
         &#sidebar-enews {
             background-image: url("../assets/sidebar/enews.jpg");
-            &:hover {
-                background-image: url("../assets/sidebar/enews-hover.jpg");
-            }
         }
         &#sidebar-trip-planner {
             background-image: url("../assets/sidebar/plan-your-trip.jpg");
-            &:hover {
-                background-image: url("../assets/sidebar/plan-your-trip-hover.jpg");
-            }
         }
         &#sidebar-request-planner {
             background-image: url("../assets/sidebar/request-planner.jpg");
-            &:hover {
-                background-image: url("../assets/sidebar/request-planner-hover.jpg");
-            }
         }
     }
 }

diff --git a/scss/plugins/_weather.scss b/scss/plugins/_weather.scss
index 3822730..cfa6b81 100644 (file)
--- a/scss/plugins/_weather.scss
+++ b/scss/plugins/_weather.scss
@@ -10,6 +10,7 @@ div.weather-atlas-wrapper{
         margin: 0;
         padding: .4em 0rem;
         .current_temp{
+            color: $black;
             text-align: center;
             margin: 0;
             i.wi{

diff --git a/sections/header.php b/sections/header.php
index 68e8866..8509418 100644 (file)
--- a/sections/header.php
+++ b/sections/header.php
@@ -1,8 +1,12 @@
 <header id="glm-main-header" class="main">
     <div class="row">
+        
         <div class="small-12 medium-3 columns glm-top-header-left show-for-large-up">
-            <?php echo do_shortcode('[shortcode-weather-atlas city_selector=2361656]'); ?>
+            <a href="<?php echo get_permalink( 247 ) ?>">
+                <?php echo do_shortcode('[shortcode-weather-atlas city_selector=2361656]'); ?>
+            </a>
         </div>
+        
         <div class="small-12 medium-9 columns glm-top-header-right show-for-large-up">
             <ul>
                 <li id="searchIcon"><a><img src="<?php bloginfo('template_url'); ?>/assets/search-icon.jpg"></a></li>

diff --git a/sidebar.php b/sidebar.php
index 6c763f6..3f1d526 100644 (file)
--- a/sidebar.php
+++ b/sidebar.php
@@ -14,14 +14,14 @@
 
 
     <div id="sidebar-action">
-        <a id="sidebar-enews" class="sidebar-action-item">
-            
+        <a id="sidebar-enews" href="<?php echo get_permalink( 242 );?>" class="sidebar-action-item">
+            <div class="sidebar-action-overlay"></div>
         </a>
-        <a id="sidebar-trip-planner" class="sidebar-action-item">
-            
+        <a id="sidebar-trip-planner" href="<?php echo get_permalink( 236 );?>" class="sidebar-action-item">
+            <div class="sidebar-action-overlay"></div>
         </a>
-        <a id="sidebar-request-planner" class="sidebar-action-item">
-            
+        <a id="sidebar-request-planner" href="<?php echo get_permalink( 235 );?>" class="sidebar-action-item">
+            <div class="sidebar-action-overlay"></div>
         </a>
     </div>
 </div>
\ No newline at end of file