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

About the Author

AdrianLee

I am Adrian Lee from Sunny Singapore. My passions are in digital electronics, quantum physics, and exploring lifestyles. In this personal blog, I journal my thoughts and lessons. Enjoy!

Leave a Comment or Ask a Question