Hey, hey, fellow WordPress warriors! Ever felt the rage of a thousand suns when your oh-so-perfect theme or plugin styles clash like archenemies in a badly written comic book? Yeah, me too. So, you’ve just revved up Ninja Forms, ready to behold its minimalist magic, only to spot this eyesore:
Fields marked with an *are required
Doesn’t that just cramp your style? Seriously, it’s like having a beautiful painting with a big ol’ “MADE IN CHINA” sticker slapped on the front. Fear not, my minimalist comrades, for I come bearing the secrets to banish this textual villain from our midst.
Non Coders: Remove Fields marked with an *are required
Not a code whisperer? No sweat. Just waltz into your form, strut over to the Advanced tab, hit Display Settings, and let the Advanced dropdown work its magic.
Behold a realm called ‘custom labels.’ Enter a blank — yes, just like Deadpool’s expression when asked to keep a low profile — in the ‘FIELD MARKED WITH AN * ARE REQUIRED’ box, save, and voilà! Gone! Want to add your own flair? Type in some snazzy text instead of the boring blank.
(And now, a dramatic video showcasing the disappearing act!)
Coder’s Corner: Remove Fields marked with an *are required
If you’re the type that likes to get your hands dirty with code, let’s do this the hard way (but really, it’s not that hard). Here’s how you can hide that pesky text with some neat CSS:
Your CSS styling options:
- Add to your theme or child theme’s style.css.
- Use a plugin for custom CSS, like Simple Custom CSS.
- Apply it through the Jetpack custom CSS module.
- Or just let Ninja Forms’ Layout and Styles add-on do the heavy lifting. Pop into Styling > Form Styles > Required Message Styles. Flip the ‘Show Advanced CSS properties’ switch, and command it to ‘display: none;‘
Pro tip: Go for option 4. It’s like choosing teleportation over walking — who needs the hassle of style sheets and queuing, am I right?
Bonus – How to change the color of Fields marked with an * are required
Prefer a splash of color instead of plain black for that ‘Fields marked with an * are required’ label? No problem! Here are two simple ways to customize the color to better match your style.
Option 1: Change the color using Layout and Styles
After you’ve installed the Layout and Styles add-on (available individually or as part of our Plus membership), navigate to Styling > Form Styles > Required Message Styles. There, you’ll find the Text Color option where you can select your desired color.
-
- Customization
-
- Final Result
Option 2: Customize the color using CSS
If you’re the DIY type who knows their way around CSS stylesheets, you’ll want to add the following CSS code snippet and adjust the colors according to your preference.
Congrats! You know how to hide the”Fields marked with an *are required” label
And there you have it, superfriends! Your path to pristine forms is clear. Craving more heroic tutorials? Check these out:
- How To Style Your WordPress Forms (Easy Examples)
- How to Customize WordPress Forms (Font Styling)
- How to Style Submit Button in WordPress
- How to Style Repeater Fields in WordPress
- Want to Add Custom CSS to WordPress Forms? (a Beginner’s Guide)
Blown away by Ninja Forms’ arsenal of free features? You should be. Dive in, the water’s fine! Keep it stylish, keep it sassy, keep it a little bit… Wade.
