Checkbox unvisible for Comments

Here’s the html-code of the comment-section with the checkbox enabled.
As written before: There is an empty line between the last edit-field and the send-button but no checkbox or label for that checkbox is visible.

I need to deacativate the checkbox so that visitors can comment again (the checkbox is validated correctly ?? but because the visitor cannot see it, there’s no way to check it ;))

<div id="comments" class="comments-area cf">

			<h3 class="comments-title">
		0 Kommentare zu &ldquo;<span>Einzelhandel und warum Online ihn nicht kaputt macht</span>&rdquo;		</h3>
	
	<div class="comments-content cf">

	
		<div id="respond" class="comment-respond">
		<h3 id="reply-title" class="comment-reply-title">Schreibe einen Kommentar <small><a rel="nofollow" id="cancel-comment-reply-link" href="/blog/2018/03/einzelhandel-und-warum-online-ihn-nicht-kaputt-macht/#respond" style="display:none;">Antworten abbrechen</a></small></h3>			<form action="https://www.nsonic.de/blog/wp-comments-post.php" method="post" id="commentform" class="comment-form">
				<p class="comment-notes"><span id="email-notes">Deine E-Mail-Adresse wird nicht ver?ffentlicht.</span> Erforderliche Felder sind mit <span class="required">*</span> markiert.</p><p class="comment-form-comment"><label for="comment">Kommentar</label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" aria-required="true" required="required"></textarea></p><p class="comment-form-author"><label for="author">Name</label><input id="author" name="author" type="text" placeholder="Name" value="" size="30" aria-required="true"/></p>
<p class="comment-form-email"><label for="email">Email</label> <span>*</span><input id="email" name="email" type="text" placeholder="Email" value="" size="30" aria-required="true"/></p>
<p class="comment-form-url"><label for="url">Webseite</label><input id="url" name="url" type="text" placeholder="Webseite" value="" size="30" /></p>

<p class="checkbox"><label><input type="checkbox" name="wpgdprc" id="wpgdprc" value="1" />Mit der Nutzung dieses Formulars erkl?rst du dich mit der Speicherung und Verarbeitung deiner Daten durch diese Website einverstanden. <abbr class="required" title="required">*</abbr></label></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Kommentar abschicken" /> <input type='hidden' name='comment_post_ID' value='6699' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p><p class="comment-subscription-form"><input type="checkbox" name="subscribe_comments" id="subscribe_comments" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox;" /> <label class="subscribe-label" id="subscribe-label" for="subscribe_comments">Benachrichtige mich über nachfolgende Kommentare via E-Mail.</label></p><p class="comment-subscription-form"><input type="checkbox" name="subscribe_blog" id="subscribe_blog" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox;" /> <label class="subscribe-label" id="subscribe-blog-label" for="subscribe_blog">Benachrichtige mich über neue Beitr?ge via E-Mail.</label></p>			</form>
			</div><!-- #respond -->
	
	</div><!-- end .comments-content -->
</div><!-- end #comments .comments-area -->

I discovered the same problem yesterday. Apparently the problem arises with some themes. The plugin works with “twenty seventeen” and several newer themes but not generally with all.

Hi at all,

different theme, same issue on my Blog https://www.lars-fotoblog.de/nazare-reisebericht/

And I don’t know how I can paste the HTML Code in this part

comment_field’ => ‘<label class=”label-message”></label><textarea name=”comment” cols=”45″ rows=”5″ placeholder=”‘ . esc_html__(‘Was denkst Du dazu?’, ‘fliper’) . ‘” id=”comment-message” class=”form_field”></textarea>’,
‘comment_form_before’ => ”,
‘comment_form_after’ => ”,
‘must_log_in’ => esc_html__(‘Bitte log Dich ein, um ein Kommentar zu hinterlassen’, ‘fliper’),
‘title_reply’ => esc_html__(‘Kommentar hinterlassen’, ‘fliper’),
‘label_submit’ => esc_html__(‘Absenden’, ‘fliper’),
‘logged_in_as’ => ‘<p class=”logged-in-as”>’ . esc_html__(‘Angemeldet als’, ‘fliper’) . ‘ ‘ . $user_identity . ‘. ‘ . esc_html__(‘Benutzernamen wechseln?’, ‘fliper’) . ‘</p>’,
);
comment_form($comment_form, $post->ID);

It’s a problem with your theme styling, as you can see in the following image:
https://imgur.com/a/itjAX

This adds a font size of 0 pixels for form labels, which means you won’t see the text. Unfortunately we can’t do anything about this, as this is something your theme developer has to fix (by simply removing the font-size line). We do not add any custom styling via our plugin.

@donny to which one of us is this the answer? ??

I cannot find such .css entry in my templates style (see original posting) If you found that on my site (nsonic.de) please give me a quick answer, then i have to dig deeper thru every plugin if one of them is bringing that

Thanks

@nsonic – Sorry, didn’t realize I was replying to someone else in this thread.

Could you maybe give me access to your website so I can take a closer look? You can PM me the details. If not, please make sure that your theme makes use of the correct official filters to display the comment form (comment_form_submit_field), otherwise our plugin won’t be able to add the field correctly.

@donny not sure how to PM you here? Cannot find a link for that. I sent you an e-mail 2 days ago before i found this forum ?? Maybe you can find it?

I havn’t changed the comment-field-logic as far as i know – but of course i’m using a 3rd-party template and plugins, so…

I am having this same issue – I am using Jetpack for comments. Is there an issue with Jetpack commenting that keeps it from showing?

@christyherself; Yes, there is. Will be fixed in a later release. Sorry for the inconvenience. @nsonic; Are you using Jetpack?

@donnyoexman Yes, Jetpack. But… Jetpack is active on my other blog too and there it works (it’s ugly because now there are Checkboxes over AND under the send-button… but it works – see: https://foto.nsonic.de)

@donnyoexman my two problems are:

– my blog on https://nsonic.de where the checkbox isn’t rendered but only an empty line is shown

– my shop on https://shop.nsonic.de where i have Woocommerce running. The Checkout-site has the buy-button on the right. Your plugin is putting the checkbox to where this button is and not to where the other checkbox is, which looks very ugly and broken ?? (so i disabled it again). I think Woocommerce has to solve this on it’s own (there is special german plugin/version to make the store stay in the german rules).

@donnyoexman

any advise why it won’t work on my site https://www.lars-fotoblog.de/nazare-reisebericht/ ? See my post above.

Thanks

@larshe, please create your own support ticket so I can help out @nsonic here.

Hi, I just updated the plugin and it still isn’t working – Just thought I would check and see if latest update was to take care of issues with Jetpack. Thanks again.

Hi @donnyoexman

WP updated itself today.
I installed Updates for Jetpack and WP GDPR
Problem still exists on nsonic.de (empty line instead of checkbox).

On my other site, foto.nsonic.de, it works (same WP-Version, Jetpack too, other Template though)

so as you said, it’s a problem with CSS – but i don’t understand why (because other checkboxes around that comment-form are displayed fine, so it can’t be a global height-property?!)