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
Adrian Lee is a seasoned content creator based in Singapore, known for his expertise in smartphone videography, video editing, and live streaming. With a passion for sharing knowledge, Adrian runs VideoLane.com and AdrianVideoImage.com, where he offers insights into his personal experiences alongside practical tips for aspiring creators. With a growing community across various platforms, Adrian aims to empower others through creative storytelling and innovative content techniques.

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.