自定義文章類型顯示縮略圖 - WordPress的

Question

會有人知道爲什麼我的 '事件' 列表顯示是這樣的：

取而代之的是：

所以問題將會;如何將自定義帖子類型列表顯示爲一個列表，一個接一個，不管圖片的大小如何？它目前正試圖顯示爲行中的列我想 - 我試圖刪除下面的代碼塊說：$ portfolio_count％4 == 0 - 但這只是打破它...

這是我的循環：

 <?php 
     $args = array( 
      'post_type' => 'events' 
     ); 
     $the_query = new WP_Query($args); 

     ?> 

     <?php if (have_posts()) : while ($the_query->have_posts()) : $the_query->the_post(); ?> 

     <div class="events-index"> 
      <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('event-thumb'); ?></a> 
      <a href="<?php the_permalink(); ?>"><h3><?php the_title(); ?></h3></a> 
      <h4><?php the_field('date_of_event'); ?></h4> 
      <p><?php the_field('location'); ?></p> 
     </div> 

     <?php $portfolio_count = $the_query->current_post + 1; ?> 
     <?php if ($portfolio_count % 4 == 0): ?> 

     <?php endif; ?> 

     <?php endwhile; endif; ?> 

這裏是CSS：

.events-index { 
    border-bottom: 1px solid #eee; 
    margin-bottom: 30px; 
    padding-bottom: 15px; 
} 

.events-index img { 
    float: left; 
    margin:0 25px 20px 0; 
} 

.events-index h4 { 
    margin:0 0 20px 0; 
} 

.events-index h4 { 
    margin:0 0 20px 0; 
} 

.events-index p { 
    color:#163a52; 
    font-style: italic; 
    margin: 10px 0 10px 0; 
} 

.events-index h4 { 
    color:#163a52; 
    margin-bottom: 0; 
} 

而且我現在有這樣的functions.php文件：

add_image_size('event-thumb', 250, 150, true); // Hard Crop Mode 

Answer 1

這是因爲img浮在左邊。在.events-index塊之後添加CSS塊。

.events-index::after { 
    content: '.'; 
    display: block; 
    color: transparent; 
    clear: both; 
}