Customize the Gravity Forms CSS

Customizing the Gravity Forms CSS is easily one of the most painful aspects of working with Gravity Forms. Over time, I’ve collected several resources which I’ll share with you here.


This is the latest tool I found that made me so happy after trying other Elementor methods, because this one is free and it works perfectly:
PowerPack Elementor Gravity Forms Widget

I’ve recommended this one to a few people, and they’ve enjoyed it:
Gravity Forms Styler

This is an interesting one that integrates with many different WordPress themes and plugins:
CSS Hero (demo)

This one is by WordPress support company Maintainn:
Gravity Forms Custom Styles


Gravity Forms + Bootstrap: Helpful function for adding Bootstrap classes to Gravity Forms fields

Styling Gravity Forms with Bootstrap

A collection of tutorials on how to format and style Gravity Forms

Note: Some of these are affiliate links and I may earn a commission if you purchase through one of them. I’m not writing here to make money so feel free not to use — they’re available as an easy way for you to say thank you if you appreciate me pointing you to something that ends up being useful for you.

Questions? Email Me