• moji2

    (@moji2)


    Hey, it’s me again πŸ˜‰
    as you have helped me before, I changed post to single column. here
    but now i lost divider between posts. i mean this line
    I need that line after each post. what should i do?
    Please help.
    thanks anyway

Viewing 5 replies - 1 through 5 (of 5 total)
  • You are welcome

    I would try something like

    .post-list .post {
      width: 100%;
      border-bottom: 1px solid #888;
    }

    Thread Starter moji2

    (@moji2)

    thanks Martin. not bad buddy, but it’s not exactly what I need. I want something more unique. any other ideas please?

    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

    Thread Starter moji2

    (@moji2)

    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
    But I want something like this
    Could you please help me?

    PS: I use Hueman RTL version.

    Doremdou

    (@doremdou)

    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.