BugWP logo BugWP
Back to Community
Home / Community / General

Troubleshooting Forminator Radio Button Selection Display Issues

30 threads Sep 7, 2025

Content

Are your Forminator radio buttons not showing a visual selection when users click on them? This is a common issue reported by users of the Forminator Forms plugin. While the form may still record the selection in the backend, the lack of visual feedback creates a poor user experience, making it seem like the form is broken.

Why This Happens

Based on community reports, this problem often arises after specific events:

  • Adding New Options: Several users reported the issue started immediately after they added a new option to an existing radio button field.
  • Theme or Plugin Conflict: The visual styling of radio buttons can be overridden or conflicting with your active WordPress theme or another plugin's CSS.
  • Form Customization: Custom CSS added to your site might unintentionally affect the default styling of form elements.

How to Troubleshoot and Fix Radio Button Display Issues

1. Perform a Basic Conflict Test

This is the most crucial first step to identify the root cause.

  1. Switch your WordPress theme temporarily to a default theme like Twenty Twenty-Four.
  2. Clear your browser cache and any caching plugins you have running.
  3. Check the form again. If the radio buttons now work correctly, the issue is likely with your original theme.
  4. If the problem persists, deactivate all plugins except Forminator. Reactivate them one by one, checking the form after each activation, to identify if a specific plugin is causing the conflict.

2. Check for Custom CSS

Inspect any custom CSS you have added to your site (e.g., in the Customizer's "Additional CSS" section, or in a custom CSS plugin). Look for rules that might target .forminator-radio or generic input selectors and could be overriding the default styles. Temporarily remove or comment out this CSS to test.

3. Review Recent Changes

Since many users note the problem started after a specific change, ask yourself:

  • Did I recently update Forminator, my theme, or any other plugins?
  • Did I add new options to the radio field just before the problem appeared? If so, try recreating the field from scratch.

4. Browser Developer Tools are Your Friend

Use your browser's inspector tool (right-click on a radio button and select "Inspect") to see what CSS styles are being applied. Look for styles that might be setting the selected state's appearance to display: none, opacity: 0, or otherwise hiding it. This can give you a direct clue about what code is causing the problem.

When to Seek Further Help

If the conflict test points to a theme or plugin conflict, you may need to contact the respective developer for assistance or look for alternative compatible software.

If you are unable to resolve the issue after these steps, you can seek help from the wider community by providing specific details. When asking for help, it's useful to include:

  • A link to the page with the form.
  • The name of your active theme and a list of active plugins.
  • Any browser console errors you see when interacting with the form.

Remember, the Forminator Forms – Contact Form, Payment Form & Custom Form Builder team is continuously working on improvements, and user reports help them identify and fix bugs in future updates.

Related Support Threads Support