Nested Comment Issue

Hi there,

The comment should be nested by default no?

Take a look at the default example at the bottom of this page:
https://generatepress.com/gp-premium-1-7/

Let me know :)

Hi Leo!

Sorry I wasn't being clear enough. I meant specifically the different colors in the comments that you see in the screenshot above.

Thank you so much for your patience! :)

Hmm you could try something like this:

.comment .depth-2, .comment .depth-3 {
    border-left: 1px solid #000;
}

Hey Leo!

I input the code you sent, but this was what I got.

https://drive.google.com/file/d/1qc_zllbfLtFGhRDKEwS0epzhCuk6rUNl/view?usp=sharing

Wonder what else do I have to do to get it right?

Note: I've not made any edits to the default GP child theme template, besides your input. :)

Thanks a bunch!

Give this a shot:

.comment:not(.depth-1) .comment-content {
    border-left: 1px solid #000;
}

Hi Tom, we are getting close!

Check this out: https://drive.google.com/file/d/1CqQ169F8MzhA-N3vPDrjxRVoVD-HJPOb/view?usp=sharing

1. I would like the author's comment to have a specific border color but I can't seem to find the class for it.

2. The reply button should be situated at the bottom of the comment, like the reference here:

https://drive.google.com/file/d/1NgeVPCkudArDD4djYGKYQjDKT54Fek_k/view?usp=sharing

3. That means I need to remove the date, time and the edit button from the top, and shift the reply button down.

Any idea how to do this? Thank you!

1. Try this:

.bypostauthor .comment-content {
    border-color: red;
}

2 + 3. I believe you have another topic trying to accomplish this?