adding fadein effect to the front page featured events

adding a jquery fadein effect to the front page events slider to prevent the user from
seeing the height correction after page load

diff --git a/css/app.css b/css/app.css
index 3fc495a..a2ec205 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6578,6 +6578,7 @@ 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/js/app.js b/js/app.js
index 1ffb57c..f5b757c 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -160,7 +160,7 @@ $(document).ready(function () {
             });
         }
 //        equalheight('.event-intro-text');
-//        $('#event-feed-row').fadeTo('slow', 1);
+        $('#event-feed-row').fadeTo('slow', 1);
     });
 
     check_window_width();

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

diff --git a/scss/_main.scss b/scss/_main.scss
index a3b713a..6ec66e0 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;