Change Position of Leave a reply to this comment

Support
#1

Hi.

At the moment the “Edit Comment” and “Leave a reply to this comment” is always in the right corner on the top of each comment.

How can I change to position from “Leave a reply to this comment” to the end (bottom) of each comment?

Michael

#2

Hi Michael,

Please add this custom CSS under Customizer > Custom > Global CSS:

a.comment-reply-link {
    bottom: 20px;
    position: absolute;
    right: 20px;
}

Let us know how it goes!

#3

Hi,

I already tried it with a CSS code. But this code works only on the first comment, on the second comment the text “Reply to this comment” is out of the box.

Please have a look here:

#4

Hi There,

Please also add this custom CSS:

.x-comment-content-wrap {
    position: relative;
}

Hope it helps :slight_smile:

#5

Works perfect, thank you.

And can you help with one more thing? The background color of the comment fields should alternate between yellow and blue. This works when there is one comment and one reply.

But now all replys are yellow. I like that only my admin replys are yellow and all user replys are blue:

#6

Hi There,

Please delete your custom CSS and try with this CSS instead:

.x-comment-content-wrap {
    background-color: #f2f6f9;
    overflow: hidden;
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,.135);
}

.comment-author-admin > article .x-comment-content-wrap {
    background-color: #fffae9;
}

Let us know how it goes!

#7

hi,

I have added your css code, but the code has no effect.

#8

Hi,

Please change code to this.

.x-comments-area .x-comments-list .x-comment-content-wrap {
    background-color: #f2f6f9;
    overflow: hidden;
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,.135);
}

.x-comments-area .x-comments-list  .comment-author-admin > article .x-comment-content-wrap {
    background-color: #fffae9;
}

Hope that helps.

#9

perfect, you´re the best :slight_smile:

#10

You’re welcome.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.