Title: Divider between posts
Last modified: September 18, 2021

---

# Divider between posts

 *  Resolved [johnhoston](https://wordpress.org/support/users/johnhoston/)
 * (@johnhoston)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/divider-between-posts-2/)
 * Is there a way to add a simple divider between the post titles, like almost all
   of the other widgets do?
    Thanks in advance!

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

 *  Plugin Author [Hector Cabrera](https://wordpress.org/support/users/hcabrera/)
 * (@hcabrera)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/divider-between-posts-2/#post-14885611)
 * Hi [@johnhoston](https://wordpress.org/support/users/johnhoston/),
 * Yep, there’s a good chance you could use CSS for this. Can’t give you any specific
   recommendations though unless you share your site’s URL so I can see what these
   dividers look like there 😛
 *  Thread Starter [johnhoston](https://wordpress.org/support/users/johnhoston/)
 * (@johnhoston)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/divider-between-posts-2/#post-14886060)
 * Thanks for the reply [@hcabrera](https://wordpress.org/support/users/hcabrera/)
 * They are the simple/default wordpress dividers, just like the ones on the right
   sidebar of this page
    ——————–>
 *  Plugin Author [Hector Cabrera](https://wordpress.org/support/users/hcabrera/)
 * (@hcabrera)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/divider-between-posts-2/#post-14887073)
 * Yeah, I still need to see your website to provide more guidance. I have no idea
   how your website’s HTML structure looks like nor what settings you’re using with
   your popular posts list. Please share your site’s URL so I can have a look and
   tell you what exactly needs to be done.
 *  Thread Starter [johnhoston](https://wordpress.org/support/users/johnhoston/)
 * (@johnhoston)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/divider-between-posts-2/#post-14892660)
 * [@hcabrera](https://wordpress.org/support/users/hcabrera/) the site is accessible
   only in the company’s intranet.
 * The HTML code of the sidebar widget containing the plugin is as follows:
 *     ```
       <div id="block-122" class="sidebar-box widget_block clr"><div class="widget popular-posts wpp-ajax"><!-- cached -->
       <ul class="wpp-list">
       <li>
       <a href="https://..." class="wpp-post-title" target="_self">...</a>
        <span class="wpp-meta post-stats"><span class="wpp-date">2 weeks ago</span></span>
       </li>
       <li>
       <a href="https://..." class="wpp-post-title" target="_self">...</a>
        <span class="wpp-meta post-stats"><span class="wpp-date">1 week ago</span></span>
       </li>
       </ul>
       </div>
       ```
   
 * We just need a simple divider between the {li} tags, hust like the latest posts
   widget.
    I hope this helps.
    -  This reply was modified 4 years, 8 months ago by [johnhoston](https://wordpress.org/support/users/johnhoston/).
 *  Plugin Author [Hector Cabrera](https://wordpress.org/support/users/hcabrera/)
 * (@hcabrera)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/divider-between-posts-2/#post-14893694)
 * Yes that was helpful, thanks [@johnhoston](https://wordpress.org/support/users/johnhoston/).
 * Try adding these CSS rules to your website (eg. via [Customizer](https://themegrill.com/blog/what-is-wordpress-customizer/)):
 *     ```
       .wpp-list li {
           padding: 1rem 0;
           margin-bottom: 0;
           border-top: 1px solid #eee;
       }
       ```
   
 * You may need to tweak the values a bit but hopefully this should get you on the
   right track.
 * If you’re using a caching plugin and/or a plugin that minifies / bundles CSS 
   files you may need to clear its cache afterwards for these CSS rules to take 
   effect.
 *  Thread Starter [johnhoston](https://wordpress.org/support/users/johnhoston/)
 * (@johnhoston)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/divider-between-posts-2/#post-14894583)
 * [@hcabrera](https://wordpress.org/support/users/hcabrera/) it works, thank you!
 * To make it perfect, is it possible to add a divider after the last post too?
   
   This way it will be exactly the same like the other widgets.
 *  Plugin Author [Hector Cabrera](https://wordpress.org/support/users/hcabrera/)
 * (@hcabrera)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/divider-between-posts-2/#post-14894626)
 * > it works, thank you!
 * Don’t mention it, glad I could help!
 * > To make it perfect, is it possible to add a divider after the last post too?
   > 
   > This way it will be exactly the same like the other widgets.
 * Yep, this should do the trick:
 *     ```
       .wpp-list li:last-child {
           border-bottom: 1px solid #eee;
       }
       ```
   

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

The topic ‘Divider between posts’ is closed to new replies.

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

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 7 replies
 * 2 participants
 * Last reply from: [Hector Cabrera](https://wordpress.org/support/users/hcabrera/)
 * Last activity: [4 years, 8 months ago](https://wordpress.org/support/topic/divider-between-posts-2/#post-14894626)
 * Status: resolved