Title: Help adding a divider line between posts.
Last modified: August 22, 2016

---

# Help adding a divider line between posts.

 *  Resolved [TwilightTigers](https://wordpress.org/support/users/twilighttigers/)
 * (@twilighttigers)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/help-adding-a-divider-line-between-posts-1/)
 * How can I add a divider line between posts?
 * [https://wordpress.org/plugins/posts-in-page/](https://wordpress.org/plugins/posts-in-page/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Contributor [Patrick Jackson](https://wordpress.org/support/users/pjackson1972/)
 * (@pjackson1972)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/help-adding-a-divider-line-between-posts-1/#post-5264569)
 * Here are a couple of simple ways to do this.
    1. Add a [Horizontal Rule](http://www.w3schools.com/tags/tag_hr.asp) `<hr>` tag
       at the end of the template
    2. Use custom [CSS](http://codex.wordpress.org/CSS) to add a [border](http://www.w3schools.com/css/css_border.asp)
       to the bottom of the ivycat-post class.
    3.     ```
           .ivycat-post {
               border-bottom: #EEE 1px solid;
           }
           ```
       
 * Both of these have the undesirable effect of adding an extra line at the bottom
   of the list of posts. To keep from doing this, you’ll need to add another block
   of custom CSS that uses the [:last-child pseudo class](http://www.w3schools.com/cssref/sel_last-child.asp)
   to remove the bottom border from the last .ivycat-post element. Adding it would
   look something like the following.
 *     ```
       .ivycat-post {
           border-bottom: #EEE 1px solid;
       }
       .ivycat-post:last-child {
           border-bottom: none;
       }
       ```
   
 *  Thread Starter [TwilightTigers](https://wordpress.org/support/users/twilighttigers/)
 * (@twilighttigers)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/help-adding-a-divider-line-between-posts-1/#post-5264611)
 * I am a little confused. Should steps 1 and 2 be added to posts_loop_template?
 *  Thread Starter [TwilightTigers](https://wordpress.org/support/users/twilighttigers/)
 * (@twilighttigers)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/help-adding-a-divider-line-between-posts-1/#post-5264612)
 *     ```
       <!-- NOTE: If you need to make changes to this file, copy it to your current theme's main
       	directory so your changes won't be overwritten when the plugin is upgraded. -->
   
       <!-- Start of Post Wrap -->
       <div class="post hentry ivycat-post clear">
   
               <!-- This will output of the featured image thumbnail  -->
       	<div class="featured-image">
       	    <?php the_post_thumbnail( array( 180, 9999 ), array( 'class' => 'alignleft' , 'style' => 'border:5px solid white ; margin-right:5px ;' ) ); ?>
       	</div>
   
       	<!-- This is the output of the post TITLE -->
       	<h2 class="entry-title"><a>"><?php the_title(); ?></a></h2>
   
       	<!-- This is the output of the META information -->
       	<div class="entry-utility">
       		<?php if ( count( get_the_category() ) ) : ?>
       			<span class="cat-links">
       				<?php printf( __( '<span class="%1$s">Posted in</span> %2$s', 'twentyten' ), 'entry-utility-prep entry-utility-prep-cat-links', get_the_category_list( ', ' ) ); ?>
       			</span>
       			<span class="meta-sep">|</span>
       		<?php endif; ?>
       		<?php
       			$tags_list = get_the_tag_list( '', ', ' );
       			if ( $tags_list ):
       		?>
       			<span class="tag-links">
       				<?php printf( __( '<span class="%1$s">Tagged</span> %2$s', 'twentyten' ), 'entry-utility-prep entry-utility-prep-tag-links', $tags_list ); ?>
       			</span>
       			<span class="meta-sep">|</span>
       		<?php endif; ?>
       		<span class="comments-link"><?php comments_popup_link( __( 'Leave a comment', 'twentyten' ), __( '1 Comment', 'twentyten' ), __( '% Comments', 'twentyten' ) ); ?></span>
       		<?php edit_post_link( __( 'Edit', 'twentyten' ), '<span class="meta-sep">|</span> <span class="edit-link">', '</span>' ); ?>
       	</div>
   
       	<!-- This is the output of the EXCERPT -->
       	<div class="entry-summary">
       		<?php the_excerpt(); ?>
       	</div>
       </div>
       <!-- // End of Post Wrap -->
       ```
   
 *  Plugin Contributor [Patrick Jackson](https://wordpress.org/support/users/pjackson1972/)
 * (@pjackson1972)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/help-adding-a-divider-line-between-posts-1/#post-5264642)
 * 1 is something you could add to the bottom of the posts_loop_template.
 * 2 is something you would add as custom CSS; probably to a custom CSS field in
   the back end of your theme.
 * If you can’t find someplace to add custom css in your theme, you may want to 
   look at a plugin such as [Simple Custom CSS](https://wordpress.org/plugins/simple-custom-css/)
   or [Jetpack’s](http://jetpack.me/) [Custom CSS](http://jetpack.me/support/custom-css/).

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Help adding a divider line between posts.’ is closed to new replies.

 * ![](https://ps.w.org/posts-in-page/assets/icon-256x256.png?rev=1596190)
 * [Posts in Page](https://wordpress.org/plugins/posts-in-page/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/posts-in-page/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/posts-in-page/)
 * [Active Topics](https://wordpress.org/support/plugin/posts-in-page/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/posts-in-page/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/posts-in-page/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [Patrick Jackson](https://wordpress.org/support/users/pjackson1972/)
 * Last activity: [11 years, 8 months ago](https://wordpress.org/support/topic/help-adding-a-divider-line-between-posts-1/#post-5264642)
 * Status: resolved