fixing equalizer from front page events rotator

the event tile length breaks the equalizer and any custom js , fixed it by placing title
and content into one div

diff --git a/css/app.css b/css/app.css
index a2ec205..3fc495a 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6578,7 +6578,6 @@ header.main {
         margin-right: 0; }
 
 #event-feed-row {
-  opacity: 0;
   padding: 43px 15px 39.5px; }
   #event-feed-row .view-events-btn {
     background: #5e9aa5; }

diff --git a/glm-member-db-events/views/front/events/eventsFeed.html b/glm-member-db-events/views/front/events/eventsFeed.html
index fbdc62e..d9a0ec7 100644 (file)
--- a/glm-member-db-events/views/front/events/eventsFeed.html
+++ b/glm-member-db-events/views/front/events/eventsFeed.html
@@ -10,9 +10,12 @@
         {foreach $events as $event}
         <div class="event small-12 text-left medium-6 large-4 columns">
             <a href="{$siteBaseUrl}event-detail/{$event.name_slug}/"> <a href="{$siteBaseUrl}event-detail/{$event.name_slug}/"><div style='background: url("{$mainImgUrl}{$event.image}") no-repeat center center;background-size: contain;' class='image-container'></div></a></a>
-            <a class="front-event-link" href="{$siteBaseUrl}event-detail/{$event.name_slug}/"><h4 class="front-event-title">{$event.name}</h4></a>
+            <div data-equalizer-watch class="event-title-intro">
+                <a class="front-event-link" href="{$siteBaseUrl}event-detail/{$event.name_slug}/"><h4 class="front-event-title">{$event.name}</h4></a>
     
-            <p class="event-intro-text">{$event.intro}</p>
+                <p class="event-intro-text">{$event.intro}</p>
+            </div>
+            
              {foreach from=$event.times key=myId item=i name=time}
                 {if $smarty.foreach.time.first}
                   

diff --git a/js/app.js b/js/app.js
index b4243ad..1ffb57c 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -159,8 +159,8 @@ $(document).ready(function () {
                }
             });
         }
-        equalheight('.event-intro-text');
-        $('#event-feed-row').fadeTo('slow', 1);
+//        equalheight('.event-intro-text');
+//        $('#event-feed-row').fadeTo('slow', 1);
     });
 
     check_window_width();

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index a1f9f20..7b32e6a 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -123,8 +123,8 @@ $(document).ready(function () {
                }
             });
         }
-        equalheight('.event-intro-text');
-        $('#event-feed-row').fadeTo('slow', 1);
+//        equalheight('.event-intro-text');
+//        $('#event-feed-row').fadeTo('slow', 1);
     });
 
     check_window_width();

diff --git a/scss/_main.scss b/scss/_main.scss
index 6ec66e0..a3b713a 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -62,7 +62,7 @@ main {
     }
 }
 #event-feed-row {
-    opacity: 0;
+//    opacity: 0;
     padding: 43px 15px 39.5px;
     .view-events-btn {
         background: $teal;

diff --git a/scss/plugins/_events.scss b/scss/plugins/_events.scss
index fb3f5e1..948aef1 100644 (file)
--- a/scss/plugins/_events.scss
+++ b/scss/plugins/_events.scss
@@ -48,4 +48,4 @@ body .front-event-button{
     font-family: 'Cormorant Garamond', serif;
     padding: 7px;
     background: #3b76c4
-}
\ No newline at end of file
+}