adding selectors to the front views eventFeed file

adding selectors to the markup in the eventFeed view file so that they can be targeted in themes

diff --git a/views/front/events/eventsFeed.html b/views/front/events/eventsFeed.html
index 4d3aad7..e823be9 100644 (file)
--- a/views/front/events/eventsFeed.html
+++ b/views/front/events/eventsFeed.html
@@ -1,7 +1,7 @@
-<div class="glma-small-12 glma-medium-9 glma-large-10 glma-columns">
+<div class="glma-small-12 glma-medium-9 glma-large-10 glma-columns glma-upcoming-events">
     <h1>Upcoming Events</h1>
 </div>
-<div class="glma-small-12 glma-hide-for-small glma-medium-3 glma-large-2 glma-columns">
+<div class="glma-small-12 glma-hide-for-small glma-medium-3 glma-large-2 glma-columns glma-view-all-events">
     <a href="{$mainEventUrl}"><button>View All Events</button></a>
 </div>
 {if $events}
@@ -9,11 +9,11 @@
         <div id="feed" class="glma-row glma-collapse">
             {foreach $events as $event}
             <div class="glma-small-12 glma-text-left glma-medium-6 glma-large-4 glma-columns">
-                <a href="{$siteBaseUrl}{$pageSlug}/{if !$customPage}{$event.name_slug}/{else}?eventId={$event.id}{/if}"><img src="{$mainImgUrl}{$event.image}"></a>
-                <a href="{$siteBaseUrl}{$pageSlug}/{if !$customPage}{$event.name_slug}/{else}?eventId={$event.id}{/if}"><h6>{$event.name}</h6></a>
+                <a href="{$siteBaseUrl}{$pageSlug}/{if !$customPage}{$event.name_slug}/{else}?eventId={$event.id}{/if}"><img class="glma-event-feed-image" src="{$mainImgUrl}{$event.image}"></a>
+                <a href="{$siteBaseUrl}{$pageSlug}/{if !$customPage}{$event.name_slug}/{else}?eventId={$event.id}{/if}" class="glma-event-feed-title"><h6>{$event.name}</h6></a>
                 <hr>
-                <span>{$event.starting_timestamp|date_format:"%b %e"}</span>
-                <a href="{$siteBaseUrl}{$pageSlug}/{if !$customPage}{$event.name_slug}/{else}?eventId={$event.id}{/if}" class="read">More</a>
+                <span class="glma-event-feed-date">{$event.starting_timestamp|date_format:"%b %e"}</span>
+                <a href="{$siteBaseUrl}{$pageSlug}/{if !$customPage}{$event.name_slug}/{else}?eventId={$event.id}{/if}" class="read glma-event-feed-read">More</a>
             </div>
             {/foreach}
         </div>