Move WordPress Comment Box to the Top

By default, in most WordPress themes, the comment box appears below the list of comments.

Here’s how to move it to the top, above the list of comments.

Insert this CSS code into your theme’s customย CSS.

div#comments {
position: relative;
padding-top: 350px;
}
div#respond {
position: absolute;
top: 0;
left: 0;
width: 100%;
}

Let me know if it works for you.

Oh yes.. and if you want to link directly to the comment box, just add “#comments” to your WordPress post URL.

Again, let me know if it works for you by leaving a comment here…

Move WordPress Comment Box to the Top

Adrian Lee
AdrianVideoImage.com

PS: I use Asteroid theme, so here is how it looks like…

Moving WordPress Comment Box to the Top with Custom CSS

Source: https://en.forums.wordpress.com/topic/moving-the-comment-box-above-the-comments?replies=12

Loading

Author: AdrianLee
Hi, my name is Adrian Lee and I'm from sunny Singapore. I have a passion for technology and travel, and on this personal blog, I share my experiences through journaling. I hope you enjoy reading my posts!

1 thought on “Move WordPress Comment Box to the Top

Leave a Comment or Ask a Question

This site uses Akismet to reduce spam. Learn how your comment data is processed.