How to Add Divider Line Between Comments

  • Resolved generosus

    (@generosus)


    3 years, 6 months ago

    Good Day,

    How can we add a divider line between comments? We would like to add a divider line that emulates WordPress’ native comments format (a line that stretches across the page).

    We found this wpDiscuz forum topic but it actually does not solve the issue.

    We also viewed and tried all layout options provided in your plugin’s Comment Thread Features Settings, but none offer what we are looking for.

    A code snippet to add the requested divider line would be ideal.

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support gVectors Support

    (@gvectorssupport)

    3 years, 6 months ago

    Hi generosus,

    You can use this CSS solution: 

    div.wpd_comment_level-1 {
    border-bottom: 1px solid #2f2f2f;
}
    Thread Starter generosus

    (@generosus)

    3 years, 6 months ago

    Hi @gvectorssupport,

    That worked! Thank you.

    We tweaked it a bit. 

    div.wpd_comment_level-1 {
    border-bottom: 1px solid #D5D5D5;
    margin-top: 1em;
    margin-bottom: 1.2em;
}

    Results: https://prnt.sc/dqK10qT9xacN

    Would it be possible (and worthwhile) to add the above to your plugin as a settings option? (under Styles and Colors)

    Again, thank you!

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

The topic ‘How to Add Divider Line Between Comments’ is closed to new replies.