fixing the weather widget hover effects

diff --git a/parts/client-info-footer.php b/parts/client-info-footer.php
index 41857d7..becc6bf 100644 (file)
--- a/parts/client-info-footer.php
+++ b/parts/client-info-footer.php
@@ -33,10 +33,11 @@
     <a target="_blank" href="https://secure.instantsoftwareonline.com/OwnerLink/Owners/PropertyOwnerLogin.aspx?coid=1134">Owner Login</a>
         
     <div class="weather-container">
-        <a href="http://www.wunderground.com/us/mi/bessemer?MR=1" target="_blank" id="activate-weather"><img src="<?php echo get_template_directory_uri(); ?>/assets/sun-icon.png" />
-        <div id="weather-widget">
+        <a style="text-align: center;margin-bottom: 10px;" href="http://www.wunderground.com/us/mi/bessemer?MR=1" target="_blank" id="activate-weather"><img src="<?php echo get_template_directory_uri(); ?>/assets/sun-icon.png" /></a> 
+        <div id="weather-widget" style="min-width: 250px;">
             <?php echo do_shortcode('[wunderground location="Bessemer, MI" measurement="f" layout="table-horizontal" numdays="1" showdata="alerts,daynames,pop,icon,text,conditions,date,highlow"]'); ?>
         </div>
-    </div></a> 
+        <div style="color: white;font-family: Merienda;" class="weather-text">Local Weather</div>
+    </div>
 </div>