Fix Broken Required Field Text in Ninja Forms

If you’ve been using Ninja Forms on your WordPress site, you might have encountered an annoying issue where the “Required Field” text appears broken or displays HTML entities instead of proper characters. This can be frustrating for both site owners and users, as it affects the form’s appearance and potentially its functionality.

The problem occurs because the required field text is being stored with HTML entities, but not properly decoded when displayed on the front end. As a result, you might see something like the following code instead of the “Fields marked with an * are required”.

Fields marked with an <span class="ninja-forms-req-symbol">*</span> are required

To fix this issue, we can use a small PHP function that decodes the HTML entities in the required field text. Here’s the code that does the magic:

1. It hooks into the ninja_forms_display_form_settings filter.
2. It takes the form settings and form ID as parameters.
3. It uses the html_entity_decode() function to properly decode the fieldsMarkedRequired text.
4. Finally, it returns the updated settings.

To implement this fix, you have a couple of options:

• Add it to your child theme’s functions.php file:
• Navigate to Appearance → Theme File Editor in your WordPress admin.
• Select your active child theme and open the functions.php file.
• Paste the code at the end of the file and save.

Or you can use the Code Snippet plugin to add this code without having a child. To do that, follow the YouTube video below.

Once the code is in place, the broken required field text in your Ninja Forms should now display correctly. Users will see a clear and understandable message for any required fields, improving the overall user experience and ensuring that your forms function as intended.

Dealing with broken required field text in Ninja Forms can be frustrating, but with a simple code snippet, you can easily resolve the issue. By adding this fix to your WordPress site, you’ll ensure that your forms are clear, user-friendly, and professional. Keep your website running smoothly by addressing minor issues like these quickly and efficiently.

For more details and visual guidelines, please watch the YouTube video below.