Add author info in Post List

Any help would be greatly appreciated.

• This reply was modified 6 years, 11 months ago by hookedontech.

Hello hookedontech,

1. You need to below changes into content-list.php file located at wp-content/themes/type/template-parts/post directory. Find div with entry-meta class in that file and replace with below code. This will changes only for list post layout. If you want to change into grid and large layout you need to change into content-grid.php and content.php file.

<div class="entry-meta">
  <span class="author"><?php echo get_the_author(); ?></span>
  <span class="sep">/</span>
  <?php _e('On', 'type'); echo ' <span class="posted-on">' . type_time_link() . '</span>'; ?>
  <span class="sep">/</span>
  <?php $comments_count = wp_count_comments( get_the_ID() ); ?>
  <span class="comments"><a href="<?php echo get_the_permalink(); ?>#comments">(<?php echo $comments_count->approved; ?>) <?php _e('Comments', 'type'); ?></a></span>
</div>

2. Try below css code.

.post-wrapper.col-12 {
  border-bottom: 1px solid #969696;
  margin-bottom: 20px;
}
.post-wrapper.col-12:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

3. I can’t find any big white gap, there are three featured posts, one with big thumbnail and other two with medium size thumbnail.

Note : All Changes you done in content-list.php or other file are gone when you update theme. So prefer Child Theme

Hope this will helps you.

Thanks.

Thank you for your response.

for 3) I was referring to the space between the thumbnails. I want the thumbnails to be close together (currently, there is some spacing between them).

Thank you again!

Hello hookedontech,

3. Try below css code.

@media(min-width: 1440px) {
  .featured-small {
    height: 250px;
  }
  .featured-posts .col-8, 
  .featured-posts .col-4 {
    padding: 0;
  }
  .featured-posts .col-4:last-child {
    margin-top: -40px;
  }
}

Hope this will helps you.

Thanks.

thank you! I had to modify the code slightly but it worked!

@media screen and (min-width: 1440px) {
.featured-small {
height: 250px;
}
.featured-posts .col-8,
.featured-posts .col-4 {
padding: 0;
}
.featured-posts .col-4:last-child {
margin-top: -40px;
}
}