[Gelöst] Problems with error message for checkbox

[Author]

Artikel

[BernhardL4165]

I have marked a checkbox as required. When the checkbox isn't checked, the error message looks like this (please look image).

This ist the code of my form. The Website is made with Divi:

Link to site: versteckter Link

What can I do?

[credform]
<div class="et_pb_contact">

<div class="form-group">
<label>Bezeichnung (Pflichtfeld)</label>
[cred_field field='post_title' class='et_pb_contact_message input' output='bootstrap' class='wpcf7-form-control wpcf7-text']
</div>
<div class="form-group">
<label>Beschreibung (Pflichtfeld)</label>]
[cred_generic_field field='post_content' type='textarea' class='et_pb_contact_message input' class='wpcf7-form-control wpcf7-text']
{
"required":1,
"validate_format":0,
"default":""
}
[/cred_generic_field]

<div class="form-group">
<label>Standort (Pflichtfeld, für Kartendarstellung)</label><span>Tipp: Eine nahe gelegene Adresse eintragen. Danach den Standort auf der Karte exakt festlegen.</span>
[cred_field field='standort_aktivitaet' force_type='field' class='form-control' output='bootstrap' class='wpcf7-form-control wpcf7-text standort']
</div>

<div class="form-group">
<label>Bild der Aktivität (Pflichtfeld)</label>
[cred_field field="_featured_image" force_type='field' class="form-control" output="bootstrap" class='wpcf7-form-control wpcf7-text' required='true']
</div>

<div class="form-group">
<label>Ich habe die Datenschutzerklärung (s.u.) zur Kenntnis genommen. (Pflichtfeld)</label></div>
<div>[cred_field field="datenschutz_aktivitaet" force_type="field" class="form-check-input" output="bootstrap"]</div>
<div>[cred_field field='form_submit' value='Aktivität eintragen' urlparam='form_submitted' class="et_pb_contact_submit et_pb_button"]</div>

</div>
[/credform]

[Shane]

Hi Bernhard,

Thank you for getting in touch.

The error could be appearing over the field because of the customizations that were added to the form itself.

Try adding this css to the form to allow for you to adjust the margin of error message.

.wpt-form-error {
  margin-right: 35px;
}

Please let me know if this helps.

Thanks,
Shane

[BernhardL4165]

My issue is resolved now. Thank you!