From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Fri, 16 Jun 2017 15:46:34 +0000 (-0400)
Subject: changing the eventsFrontPage template to collapse the image container if there is... 
X-Git-Tag: v1.6.46^2~1
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=43cfb26a62922ff26fe2be66c132f1351f6c772e;p=WP-Plugins%2Fglm-member-db-events.git

changing the eventsFrontPage template to collapse the image container if there is no image

setting the events sidebar content to 100% width if there is no image, removing the space
where the image would be. adding the width 100% style to the front.css file as well
---

diff --git a/css/front.css b/css/front.css
index c1ce867..ef3be29 100755
--- a/css/front.css
+++ b/css/front.css
@@ -236,6 +236,9 @@ input[name='contact_fname'], input[name='contact_lname']{
     left: 13%;
     z-index: 999;
 }
+.sidebar-full-width{
+    width: 100% !important;
+}
 #glm-event-detail-cost:before {
     content: "";
     background-image: url("../assets/cost-icon-24x24.png");
diff --git a/views/front/events/eventsFrontPage.html b/views/front/events/eventsFrontPage.html
index 279f6aa..8f00c3f 100644
--- a/views/front/events/eventsFrontPage.html
+++ b/views/front/events/eventsFrontPage.html
@@ -8,19 +8,21 @@
             {foreach $events as $event}
             <div class="glm-events-frontpage-event-container">
                 <a href="{$siteBaseUrl}event-detail/{$event.name_slug}/?glm_event_from={$fromDate|unescape:"html"}">
+                   {if $event.image}
                     <div class="glm-events-frontpage-event-image" 
                         {if $event.image}style="background: url('{$imgUrl}{$event.image}') bottom center no-repeat;background-size: cover;"{/if}>
                     </div>
+                    {/if}
                 </a>
                 <a href="{$siteBaseUrl}event-detail/{$event.name_slug}/?glm_event_from={$fromDate|unescape:"html"}">
-                    <div class="glm-events-frontpage-event-title">
+                    <div class="{if !$event.image}sidebar-full-width{/if} glm-events-frontpage-event-title">
                         {$event.name}
                     </div>
                 </a>
-                <div class="glm-events-frontpage-event-dates">
+                <div class="{if !$event.image}sidebar-full-width{/if} glm-events-frontpage-event-dates">
                     {$event.dates}
                 </div>
-                <div class="glm-events-frontpage-event-content">
+                <div class="{if !$event.image}sidebar-full-width{/if} glm-events-frontpage-event-content">
                     {$event.intro}
                 </div>
             </div>