Form elements do not have associated labels

Hello @mira404

The fields do not have labels because you leave empty the “Field Label” attributes in the fields’ settings.

The preferred solution would be to enter the labels but hide them with CSS.

Please, enter the class name no-label through the “Add CSS Layout Keywords” attributes of the fields whose labels you want to hide. And then enter the style definition below through the “Customize Form Design” attribute in the “Form Settings” tab (https://resources.developers4web.com/cff/images/documentation/form-settings-tab.png):

#fbuilder .no-label>label{display:none !important;}

Best regards.

• This reply was modified 2 years, 5 months ago by codepeople.

Still have the same problem:

1. https://prnt.sc/Pbhdk4aBF9rn
2. https://prnt.sc/scylLzIdRW6i

Please check.

Can I add this CSS #fbuilder .no-label>label{display:none !important;} on WordPress Additional CSS section.

Hello @mira404

Your fields have no label because you did not enter them through the fields settings. Please, look at the screenshot below:

Best regards.

Ok, I have already added all labels and CSS code in the WordPress Additional CSS section. All done.

Excellent !!!!

Found some issues:

Page: https://weekendgolf.co/calculator/golf-handicap-index-calculator/

1. Form name shows as an h2 heading. Check this: https://prnt.sc/0-UTpRSTgZmC

In my content

Single Round Handicap Index Calculator

only have one time as an h2 but when I check through SEOquake: https://prnt.sc/5jt_0xGR0fYp

2. Avoid an excessive DOM size: https://prnt.sc/YusRjaGC-Po0
How to solve both issues?

Hello @mira404

There is something wrong with the links to the screenshots. None of them are accessible.

Best regards.

New links to the screenshots

1. https://tinyurl.com/22hh9656
2. https://tinyurl.com/2yx6pj29
3. https://tinyurl.com/22cpzbo2

Hello @mira404

Please, do not use short URLs. Most protection systems block them:

Best regards.

ok.

1. https://www.awesomescreenshot.com/image/29419831?key=18207f1a27f8f3802051a6527999aeb0

2. https://www.awesomescreenshot.com/image/29419883?key=6abade4b0429d526c70dc63a5778ed82

3. https://www.awesomescreenshot.com/image/29419907?key=3b064bb846c04666da47021dcb9c4623

Hello @mira404

Thank you very much for the screenshots. Our plugin is a forms builder. It allows you to create forms, but the forms’ structures are decided by yourself.

You created the form by nesting multiple DIV fields, which increases the tags’ depth. You can distribute the fields in columns by assigning class names directly to the fields instead of using containers. Please, watch the following video:

https://youtu.be/G8Of-V49pAQ

Best regards.

Ok, ignore Avoid an excessive DOM size.

But what about subheading? Check: https://www.awesomescreenshot.com/video/9705298?key=3278e52b2b1c07e291fe3ae49253f2f1

1. https://www.awesomescreenshot.com/image/29419831?key=18207f1a27f8f3802051a6527999aeb0

2. https://www.awesomescreenshot.com/image/29419883?key=6abade4b0429d526c70dc63a5778ed82

Hello @mira404

The value of “Form Name” attribute is displayed between <h2></h2> tags in the public form. If you don’t want to use h2 tags, you can leave empty the “Form Name” attribute in the “Form Settings” tab and then insert an “HTML Content” field with the tags you prefer as its content.

Best regards.

I just remove Form Name but now show a blank H2 tag. https://www.awesomescreenshot.com/image/29444225?key=58fe9275c1db74d78395695adbd97d1a

Can I remove this blank tag?

Hello @mira404

In the current plugin version, you can insert an “HTML Content” field in the form, and enter the following piece of code as its content:

<script>
jQuery('h2').empty().remove();
</script>

Best regards.