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

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 (executable)
--- 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 (file)
--- 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>