I have too many posts on one post ID.
I'd like to remove the actual contact form but keep the comments.
I was thinking that this would work but it doesn't.
I know that I am doing something very simple.
body.postid-5 .comment-respond {
display: none;
}
And here's the actual HTML
<div class="comment-respond" id="respond">
<h3 class="comment-reply-title" id="reply-title">Leave a Reply <small><a href="/tools/top-ten/#respond" id="cancel-comment-reply-link" rel="nofollow" style="display:none;">Cancel reply</a></small></h3>
<form action="https://www.example.com/wp-comments-post.php" class="comment-form" id="commentform" method="post" name="commentform" novalidate="">
<div class="comment-textarea">
<textarea class="textarea-comment" cols="39" id="comment" name="comment" placeholder="Your Comment Here..." rows="4" tabindex="100"></textarea>
</div>
<div class="comment-form-author">
<input aria-required="true" class="input-name" id="author" name="author" placeholder="Name (required)" size="22" tabindex="101" type="text" value="">
</div>
<div class="comment-form-email">
<input aria-required="true" class="input-email" id="email" name="email" placeholder="Email (required)" size="22" tabindex="102" type="text" value="">
</div>
<div class="comment-form-url">
<input class="input-website" id="url" name="url" placeholder="Website" size="22" tabindex="103" type="text" value="">
</div>
<p class="form-submit"><input class="submit" id="comment-submit" name="submit" type="submit" value="Post Comment"> <input id='comment_post_ID' name='comment_post_ID' type='hidden' value='5'> <input id='comment_parent' name='comment_parent' type='hidden' value='0'></p>
<p style="display: none;"><input id="akismet_comment_nonce" name="akismet_comment_nonce" type="hidden" value="XXXX"></p>
<p style="display: none;"><input id="ak_js" name="ak_js" type="hidden" value="62"></p>
</form>
</div><!-- #respond -->
The actual HTML code on the page for the contact form is as follows: