Updating the landing page images

diff --git a/css/app.css b/css/app.css
index 6ca9c51..1d29be5 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6922,6 +6922,9 @@ header {
   @media only screen and (max-width: 40em) {
     .page-inside #content-wrapper ul#quick-sub_pages {
       margin-bottom: 20px; } }
+  .page-inside #content-wrapper ul#quick-sub_pages .glm-img-wrap {
+    height: 290px;
+    overflow: hidden; }
 .page-inside #content-wrapper .action-item {
   margin: 70px 0; }
   @media only screen and (max-width: 40em) {

diff --git a/index.php b/index.php
index f706857..dc5c7b9 100644 (file)
--- a/index.php
+++ b/index.php
@@ -5,15 +5,13 @@
     </div>
     <div id="content-wrapper">
         <div class="row">
-           <?php if(is_page(3714)){ ?>
-    <div class="small-12 large-12 columns right">
-<?php } else { ?>
-                <div class="small-12 large-8 columns right">
-   <?php } ?>
+        <?php if(is_page(3714)){ ?>
+            <div class="small-12 large-12 columns right">
+        <?php } else { ?>
+            <div class="small-12 large-8 columns right">
+        <?php } ?>
                 <div class="row">
-                    <?php
-                    get_template_part('parts/bread-crumbs');
-                    ?>
+                    <?php get_template_part('parts/bread-crumbs'); ?>
                     <div id="main-content" class="small-12 columns">
                         <?php if(have_posts()) : while(have_posts()): the_post();?>
                         <?php the_content();?>
@@ -24,8 +22,8 @@
                 </div>
             </div>
             <?php if(! (is_page(3714))){ ?>
-            <?php get_sidebar(); ?>
-           <?php } ?>
+                <?php get_sidebar(); ?>
+            <?php } ?>
             <div class="small-12 columns small-center text-center">
                 <a id="big-lens"><h1>#DiscoverKZoo</h1></a>
             </div>

diff --git a/landing-page.php b/landing-page.php
index d5c2056..fd7eb77 100644 (file)
--- a/landing-page.php
+++ b/landing-page.php
@@ -7,9 +7,9 @@ Template Name: Landing Page
 <main class="page-inside">
     <div class="feature-img">
         <?php echo glm_get_header(); ?>
-    </div>    
+    </div>
     <div id="content-wrapper">
-        <div class="row">    
+        <div class="row">
             <div id="main-content" class="small-12 columns text-center">
                 <?php if(have_posts()) : while(have_posts()): the_post();?>
                 <?php the_content();?>
@@ -29,7 +29,14 @@ Template Name: Landing Page
                  <?php foreach($images as $image){
                     $imageSrc =  $image['full'];
                   }?>
-                     <li class="small-text-center medium-text-left landing-item"><a href="<?php echo get_permalink($child->ID); ?>"><img src="<?php echo $imageSrc; ?>" alt="featured-image"><h5><?php echo $child->post_title ?></h5></a></li>
+                     <li class="small-text-center medium-text-left landing-item">
+                        <a href="<?php echo get_permalink($child->ID); ?>">
+                            <div class="glm-img-wrap">
+                                <img src="<?php echo $imageSrc; ?>" alt="featured-image">
+                            </div>
+                            <h5><?php echo $child->post_title ?></h5>
+                        </a>
+                    </li>
                      <?php $imageSrc = null; ?>
                <?php } ?>
 <!--
@@ -61,4 +68,4 @@ Template Name: Landing Page
             </div>
         </div>
     </div>
-<?php get_footer(); ?>
\ No newline at end of file
+<?php get_footer(); ?>

diff --git a/scss/_main.scss b/scss/_main.scss
index b108a87..052b4cb 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -186,6 +186,10 @@
             @media #{$small-only} {
                 margin-bottom: 20px;
             }
+            .glm-img-wrap {
+                height: 290px;
+                overflow: hidden;
+            }
         }
         .action-item {
             margin: 70px 0;
@@ -255,4 +259,4 @@
 }
 #wpseo_sitemap #sitemap_posts ul li ul li small {
     font-size: 100% !important;
-} 
\ No newline at end of file
+}