updating the blocks so everything is contained

diff --git a/css/app.css b/css/app.css
index bf2af5a..e27b0d8 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6583,7 +6583,6 @@ h2#block-title {
   width: 100%;
   height: auto; }
 .blocks .block:hover .block-text {
-  padding: 0 10px 10px;
   font-size: 1.75rem;
   text-transform: uppercase;
   letter-spacing: 0.05em;
@@ -6595,16 +6594,17 @@ h2#block-title {
   display: none;
   position: absolute;
   top: 0;
-  left: 0;
-  right: 0;
-  text-align: center; }
+  left: 15px;
+  right: 15px;
+  float: none;
+  margin: 0 auto;
+  width: 90%; }
 .blocks .overlay:hover:before {
   position: absolute;
   content: '';
   top: 0;
   left: 15px;
   right: 15px;
-  width: 92.5%;
   height: 100%;
   display: block;
   background: rgba(0, 0, 0, 0.8); }

diff --git a/parts/glm-blocks.php b/parts/glm-blocks.php
index aa0b564..5301456 100644 (file)
--- a/parts/glm-blocks.php
+++ b/parts/glm-blocks.php
@@ -6,8 +6,7 @@
         <?php $post_image_id = get_post_thumbnail_id($block->ID); ?>
         <?php $thumbnail = wp_get_attachment_image_src( $post_image_id, false); ?>
         <?php if($block->url):?>
-        <a class="text-center title-posts" href="<?php echo $block->url;?>"
-        <?php if($block->externalUrl){echo ' target="_blank"';}?>>
+        
         <?php endif;?>
             <div id="block-<?php echo $count; ?>" class="small-12 medium-4 columns block overlay">
 
@@ -16,7 +15,7 @@
 
                 <div class="block-text">
 
-                    <h4>
+                    <h4 class="text-center">
                         <?php echo $block->post_title;?>
                     </h4>
                     <p><?php echo $block->post_content . $block->post_excerpt;?></p>
@@ -26,7 +25,6 @@
             </div>
                         
         <?php if($block->url):?>
-        </a>
     <?php endif;?>
         <?php $count++; ?>
     <?php endforeach;?>

diff --git a/scss/_main.scss b/scss/_main.scss
index 4250431..10e3a10 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -91,7 +91,6 @@ h2#block-title {
         }
         &:hover {
             .block-text {
-                padding: 0 10px 10px;
                 font-size: rem-calc(28);
                 text-transform: uppercase;
                 letter-spacing: 0.05em;
@@ -106,9 +105,11 @@ h2#block-title {
             display: none;
             position: absolute;
             top: 0;
-            left: 0;
-            right: 0;
-            text-align: center;
+            left: 15px;
+            right: 15px;
+            float: none;
+            margin: 0 auto;
+            width: 90%;
         }
     }
     & .overlay {
@@ -119,7 +120,6 @@ h2#block-title {
                 top: 0;
                 left: 15px;
                 right: 15px;
-                width: 92.5%;
                 height: 100%;
                 display: block;
                 background: rgba($black, 0.80);