How do I put my comment form above the comments?

March 6, 20234 Views

The default way to do things seem to have the comment form below the comments. I’d like to have the form at the top. How do I achieve this?

Post Views: 4

3 comments

Anonymous says:

March 6, 2023 at 7:08 am

The comment list is output via wp_list_comments(), and the comment-reply form is output via comment_form(); so, just ensure that you call comment_form() before you call wp_list_comments().

Log in to Reply
Anonymous says:

March 6, 2023 at 7:08 am
I just needed a temporary solution for one of my pages, and I didn’t want to edit my theme files, so I just put this in my page using the “text” tab of the page editor. Maybe it’ll help someone else in a similar situation:
```
<script>
window.addEventListener("DOMContentLoaded", function(){
  var respond = document.querySelector("#respond");
  var commentsArea = respond.parentNode;
  commentsArea.removeChild(respond);
  commentsArea.insertBefore(respond, commentsArea.firstChild);
});
</script>
```
Log in to Reply

I do this with CSS flex-box:

#comments {
  display: flex;
  flex-direction: column;
}
#respond{
  order: 2;
}
.comment-list {
  order: 3;
}