adding text to front page events widget

diff --git a/css/app.css b/css/app.css
index d5395bb..a169d28 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7430,18 +7430,18 @@ body .agenda-date {
     #events-search-widget #up-map-wrapper #map_west {
       z-index: 20;
       width: 39.9659863946%;
-      top: 3%;
-      left: 1.5%;
+      top: 4%;
+      left: 0.5%;
       opacity: 0; }
       #events-search-widget #up-map-wrapper #map_west:hover {
         opacity: 1; }
     #events-search-widget #up-map-wrapper #map_central {
       opacity: 0;
       z-index: 21;
-      width: 30.5%;
+      width: 32%;
       height: auto;
       top: 26.5%;
-      left: 35%; }
+      left: 34.3%; }
       #events-search-widget #up-map-wrapper #map_central:hover {
         opacity: 1; }
     #events-search-widget #up-map-wrapper #map_east {
@@ -7450,7 +7450,7 @@ body .agenda-date {
       width: 27.5510204082%;
       height: auto;
       top: 30.9803921569%;
-      left: 65.4965986395%; }
+      left: 66.4965986395%; }
       #events-search-widget #up-map-wrapper #map_east:hover {
         opacity: 1; }
 

diff --git a/parts/events-search-widget.php b/parts/events-search-widget.php
index ea8972a..df80a49 100644 (file)
--- a/parts/events-search-widget.php
+++ b/parts/events-search-widget.php
@@ -1,13 +1,18 @@
 <div id="events-search-widget">
     <div class="row">
-        <div id="up-map-wrapper" class="small-12 large-6 columns">
-            <img src="<?php echo get_template_directory_uri(); ?>/assets/map_region.png" alt="">
-            <a id="map_west" href=""><img src="<?php echo get_template_directory_uri(); ?>/assets/map_west.png"></a>
-            <a id="map_central" href=""><img src="<?php echo get_template_directory_uri(); ?>/assets/map_central.png"></a>
-            <a id="map_east" href=""><img src="<?php echo get_template_directory_uri(); ?>/assets/map_east.png"></a>
+        <div class="small-12 large-6 columns">
+            <h5>Michigan's Upper Peninsula Calendar of Events </h5>
+            Winter, spring summer or fall - you are sure to find something to do in Michigan's Upper Peninsula!
+            <div id="up-map-wrapper">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/map_region.png" alt="">
+                <a id="map_west" href=""><img src="<?php echo get_template_directory_uri(); ?>/assets/map_west.png"></a>
+                <a id="map_central" href=""><img src="<?php echo get_template_directory_uri(); ?>/assets/map_central.png"></a>
+                <a id="map_east" href=""><img src="<?php echo get_template_directory_uri(); ?>/assets/map_east.png"></a>
+            </div>
         </div>
         <div class="small-12 large-6 columns">
             <div class="up-form-wrapper">
+                <h4>Search For Events</h4>
                 <form action="<?php echo get_permalink(757) ; ?>" method="POST">
                     <select name="" id=""></select>
                     <select name="" id=""></select>

diff --git a/scss/plugins/_glm-member-events.scss b/scss/plugins/_glm-member-events.scss
index c4187e1..3a055b3 100644 (file)
--- a/scss/plugins/_glm-member-events.scss
+++ b/scss/plugins/_glm-member-events.scss
@@ -383,8 +383,8 @@ body{
         #map_west{
             z-index: 20;
             width: 39.965986394557823129251700680272%;
-            top: 3%;
-            left: 1.5%;
+            top: 4%;
+            left: 0.5%;
             opacity: 0;
             &:hover{
                 opacity: 1;
@@ -393,10 +393,10 @@ body{
         #map_central{
             opacity: 0;
             z-index: 21;
-            width: 30.5%;
+            width: 32%;
             height: auto;
             top: 26.5%;
-            left: 35%;
+            left: 34.3%;
             &:hover{
                 opacity: 1;
             }
@@ -407,7 +407,7 @@ body{
             width: 27.551020408163265306122448979592%;
             height: auto;
             top: 30.980392156862745098039215686275%;
-            left: 65.496598639455782312925170068027%;
+            left: 66.496598639455782312925170068027%;
             &:hover{
                 opacity: 1;
             }