Title: line between posts
Last modified: August 24, 2016

---

# line between posts

 *  [moji2](https://wordpress.org/support/users/moji2/)
 * (@moji2)
 * [11 years ago](https://wordpress.org/support/topic/line-between-posts-1/)
 * Hey, it’s me again 😉
    as you have helped me before, I changed post to single
   column. [here](https://wordpress.org/support/topic/no-columns-in-posts?replies=3)
   but now i lost divider between posts. i mean [this line](http://i.imgur.com/WSxGhwT.png)
   I need that line after each post. what should i do? Please help. **thanks anyway**

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

 *  [Martin Robbins](https://wordpress.org/support/users/santeven/)
 * (@santeven)
 * [11 years ago](https://wordpress.org/support/topic/line-between-posts-1/#post-6114724)
 * You are welcome
 * I would try something like
 *     ```
       .post-list .post {
         width: 100%;
         border-bottom: 1px solid #888;
       }
       ```
   
 *  Thread Starter [moji2](https://wordpress.org/support/users/moji2/)
 * (@moji2)
 * [11 years ago](https://wordpress.org/support/topic/line-between-posts-1/#post-6114758)
 * **thanks Martin**. not bad buddy, but it’s not exactly what I need. I want something
   more unique. any other ideas please?
 *  [Martin Robbins](https://wordpress.org/support/users/santeven/)
 * (@santeven)
 * [11 years ago](https://wordpress.org/support/topic/line-between-posts-1/#post-6114771)
 * You can try varying the size, style and color like this:
 *     ```
       .post-list .post {
         width: 100%;
         border-bottom: 5px dotted #008800;
       }
       ```
   
 * or
 *     ```
       .post-list .post {
         width: 100%;
         border-bottom: 10px inset #888888;
       }
       ```
   
 * reference: [http://www.w3schools.com/css/css_border.asp](http://www.w3schools.com/css/css_border.asp)
 *  Thread Starter [moji2](https://wordpress.org/support/users/moji2/)
 * (@moji2)
 * [11 years ago](https://wordpress.org/support/topic/line-between-posts-1/#post-6114807)
 * Hi Martin . thanks again for your time and consideration.
    I have some problem
   with these codes. when I use these codes:
 *     ```
       .post-list .post {
         width: 100%;
         border-bottom: 1px solid #888;
       }
       ```
   
 * I get a result like[ this](http://i.imgur.com/O7lOr4N.jpg)
    But I want something
   like [this](http://i.imgur.com/rf1Kfvz.jpg) Could you please help me?
 * PS: I use Hueman RTL version.
 *  [Doremdou](https://wordpress.org/support/users/doremdou/)
 * (@doremdou)
 * [11 years ago](https://wordpress.org/support/topic/line-between-posts-1/#post-6114837)
 * You want it black and with less blank between the line and text?
    Then why aren’t
   you testing yourself in your browser?
 * You just have to change the color code:
 * border-bottom: 1px solid #888;
 * change the #888 with the color you want, for example #000 for black
 * and to reduce the blank between line and text add this:
 * margin-bottom: 30px;
 * and change the 30px with the number you like

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

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

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hueman/3.7.27/screenshot.png)
 * Hueman
 * [Support Threads](https://wordpress.org/support/theme/hueman/)
 * [Active Topics](https://wordpress.org/support/theme/hueman/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hueman/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hueman/reviews/)

 * 5 replies
 * 3 participants
 * Last reply from: [Doremdou](https://wordpress.org/support/users/doremdou/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/line-between-posts-1/#post-6114837)
 * Status: not resolved