Hide/Disable Comment Rating Field Plugin when replying to a comment

I’d like to hide/disable the star rating when replying to a comment. I’ve already posted my concern to the plugin support forum but don’t have answer yet. Hope you could help me do the trick. This is what the html code looks like

<div class="col-md-12 comments">
    <h5 id="comments">2 Comments</h5>
    <ol class="comment-list">
        <li class="comment even thread-even depth-1" id="li-comment-6">
            <div id="comment-6">
                <header class="comment-header">
                    <img alt="" src="" srcset="" class="avatar avatar-48 photo" width="48" height="48"><cite class="fn">FirstName LastName</cite> <span class="says">says:</span>
                    <div class="comment-meta commentmetadata"><a href="">April 28, 2016 at 2:47 am</a></div>
                </header>

                <p>This is a comment</p>
                <div class="rating">
                    <div class="crfp-rating crfp-rating-5">5</div>
                </div>

                <div class="reply">
                    <a rel="nofollow" class="comment-reply-link" href="" onclick="return addComment.moveForm( &quot;comment-6&quot;, &quot;6&quot;, &quot;respond&quot;, &quot;212&quot; )" aria-label="Reply to FirstName LastName">Reply</a>
                </div>
            </div>

            <ul class="children">
                <li class="comment odd alt depth-2" id="li-comment-7">
                    <div id="comment-7">
                        <header class="comment-header">
                            <img alt="" src="" srcset="" class="avatar avatar-48 photo" width="48" height="48"><cite class="fn">Name Field</cite> <span class="says">says:</span>
                            <div class="comment-meta commentmetadata"><a href="">April 28, 2016 at 2:51 am</a></div>
                        </header>

                        <p>This is a reply to a comment. Star rating is visible here. I don't want to display it when I am replying to a comment.</p>
                        <div class="rating">
                            <div class="crfp-rating crfp-rating-0">0</div>
                        </div>

                        <div class="reply">
                            <a rel="nofollow" class="comment-reply-link btn btn-skin" href="" onclick="return addComment.moveForm( &quot;comment-7&quot;, &quot;7&quot;, &quot;respond&quot;, &quot;212&quot; )" aria-label="Reply to Name Field">Reply</a>
                        </div>
                    </div>
                    <div id="respond" class="comment-respond">
                        <h3 id="reply-title" class="comment-reply-title">Write a Reply or Comment <small><a class="btn" rel="nofollow" id="cancel-comment-reply-link" href="" style="">Cancel Reply</a></small></h3>
                        <form action="http://../wp-comments-post.php" method="post" id="commentform" class="comment-form">
                            <p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> Required fields are marked <span class="required">*</span></p>
                            <p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" value="" size="30" maxlength="245" aria-required="true" required="required" type="text"></p>
                            <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" value="" size="30" maxlength="100" aria-describedby="email-notes" aria-required="true" required="required" type="text"></p>
                            <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" value="" size="30" maxlength="200" type="text"></p>
                            <!-- CRFP Fields: Start -->
                            <p class="crfp-field">
                                <label for="rating-star">Rating</label>
                                <span class="star-rating-control"><div class="rating-cancel"><a title="Cancel">0</a></div><div role="text" aria-label="" class="star-rating rater-0 star star-rating-applied star-rating-live"><a title="1">1</a></div><div role="text" aria-label="" class="star-rating rater-0 star star-rating-applied star-rating-live"><a title="2">2</a></div><div role="text" aria-label="" class="star-rating rater-0 star star-rating-applied star-rating-live"><a title="3">3</a></div><div role="text" aria-label="" class="star-rating rater-0 star star-rating-applied star-rating-live"><a title="4">4</a></div><div role="text" aria-label="" class="star-rating rater-0 star star-rating-applied star-rating-live"><a title="5">5</a></div></span><input style="display: none;" name="rating-star" class="star star-rating-applied" value="1" type="radio">
                                <input style="display: none;" name="rating-star" class="star star-rating-applied" value="2" type="radio">
                                <input style="display: none;" name="rating-star" class="star star-rating-applied" value="3" type="radio">
                                <input style="display: none;" name="rating-star" class="star star-rating-applied" value="4" type="radio">
                                <input style="display: none;" name="rating-star" class="star star-rating-applied" value="5" type="radio">
                                <input name="crfp-rating" value="0" type="hidden">
                            </p>
                            <!-- CRFP Fields: End -->
                            <p class="comment-form-comment"><label for="comment">Comment</label><br><textarea id="comment" name="comment" aria-required="true"></textarea></p>
                                <input class="btn btn-skin" id="submit-new" value="Post Comment" type="submit">
                            <p class="form-submit">
                                <input name="submit" id="submit" class="submit" value="Send" type="submit">
                                <input name="comment_post_ID" value="212" id="comment_post_ID" type="hidden">
                                <input name="comment_parent" id="comment_parent" value="7" type="hidden">
                            </p>
                        </form>
                    </div>
                </li><!-- #comment-## -->
            </ul><!-- .children -->
    </li><!-- #comment-## -->
    </ol>
    <div style="display: none;" id="wp-temp-form-div"></div><!-- #respond -->
</div>

Read more here: Hide/Disable Comment Rating Field Plugin when replying to a comment

1 thought on “Hide/Disable Comment Rating Field Plugin when replying to a comment

Leave a Reply

Your email address will not be published. Required fields are marked *