Use php to setup every third in row

Put a new row for every third block.

diff --git a/sections/landing-page.php b/sections/landing-page.php
index 4d7fad4..9fdd4ed 100644 (file)
--- a/sections/landing-page.php
+++ b/sections/landing-page.php
@@ -27,11 +27,6 @@
             <div class="row">
                 <?php get_template_part('parts/main-content');?>
             </div>
-<style>
-.glm-blocks-container .glm-block:nth-child(4n+4) {
-    clear: left;
-}
-</style>
 
         <div data-equalizer data-options="equalize_on_stack: false">
             <div class="glm-blocks-container row">
@@ -42,16 +37,16 @@
                 'posts_per_page' => -1,
                 'post_parent'    => $post->ID,
                 'order'          => 'ASC',
-                'orderby'        => 'menu_order'
+                'orderby'        => 'menu_order',
+                'post_status'    => 'publish',
             );
 
             $post_parent = $post->ID;
             $parent = new WP_Query( $args );
+            $blockCount = 1;
             ?>
             <?php if ( $parent->have_posts() ) : ?>
              <?php while ( $parent->have_posts() ) : $parent->the_post(); ?>
-              <?php $status = get_post_status(); ?>
-              <?php if ($status !== 'private' && $status !== 'draft'){ ?>
                <?php $id = get_the_ID();
                     if(get_post_thumbnail_id($id)){
                         $image_data = wp_get_attachment_image_src(get_post_thumbnail_id($id), 'glm-block-image');
@@ -66,6 +61,10 @@
                        </a>
                     <a class="glm-block-title" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><h1><?php the_title(); ?></h1></a>
                 </div>
+            <?php ++$blockCount; ?>
+            <?php if ( $blockCount % 3 ) { ?>
+            </div>
+            <div class="glm-blocks-container row">
             <?php } ?>
             <?php endwhile; ?>