Post separator/divider

  • Hello,

    I have been struggling with this for hours, so here it goes.

    The is a very light separator appearing between each of my posts and I would like to make it darker, I have tried everything I could think of adding border-bottom: 1px solid #333333; to .post, .entry, clear, metadata, metadata category, and everything I could find, I end up creating a line above or below the separator.

    I am obviously missing something.

    Help please, Thanks.

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

  • Need to see a live site to help with CSS questions.

    Thread Starter realC

    (@realc)

    You can go to https://www.patrimoinepointeclaire.org/ssppc_dev/ under home or under Press Review. The line is barely viewable between posts. I have been able to create a darker line, but always above or bellow that one.

    That line is being set by this CSS:

    .post .postmetadata {
    border-top: 1px dotted #d5d5d5;
    color: #878789;
    font-size: 11px;
    margin-top: 15px;
    padding: 3px 2px 10px;
    text-align: left;
}

    BUT you should use Custom CSS (do not modify theme files or your changes will be lost when you update the theme) – so ADD this to custom CSS and change it there:

    .post .postmetadata {
    border-top: 1px dotted #d5d5d5;
}

    Change “dotted” to solid and the color however you like

    Thread Starter realC

    (@realc)

    It is actually the bottom border, thank you very much, I was sure I had tried that one.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Post separator/divider’ is closed to new replies.