Loop column positioning issue

  • Resolved labyrinthman

    (@labyrinthman)


    6 years, 7 months ago

    I’m having trouble with listing posts, the columns look all messed up.

    Code of the loop:

    <div class="container">
		  <div class="row">
                    <div class="col-md-8">
							<?php 
						  $the_band = new WP_Query(array( 
						   'posts_per_page' => 6, 
                           'post_status'=>'publish',
                           'paged=>'. get_query_var('paged'),
                           'category_name'=>'reviews'
						   )); 
						  while ( $the_band->have_posts() ) : 
						  $the_band->the_post();
						 ?>
					 
                        <div class="col-sm-4" >
                            <div class="thumbnail text-center"> 
                                <a class="active-link circle-img-width" href="<?php the_permalink();?>">
                                    <?php the_post_thumbnail('thumbnail',['class' => 'img-circle' ]);?>
                                </a>
                                <br>

                            
                                <button onclick="window.location='<?php the_permalink();?>';" href="<?php the_permalink();?>" class="draw"><?php the_title();?></button>
                            </div>

                        </div>
                        <?php endwhile; ?>
<!-- Add the pagination functions here. -->
<?php wp_pagenavi();?>
                    </div>
                    <aside id="sidebar">
                   <?php get_sidebar();?>
                    </aside>
                </div>
	</div>

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello labyrinthman,

    Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer.

    #posts .col-md-8 .col-sm-4 {
  height: 300px;
}

    Hope this will helps you.

    Thanks.

    Thread Starter labyrinthman

    (@labyrinthman)

    Hello AddWeb Solution Pvt. Ltd.

    Thank you for your response, it works.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Loop column positioning issue’ is closed to new replies.