Styling Caldera Forms to Look Like the Divi Contact Form (+ Bonus Looks)


Caldera Forms is one of the most popular and highly-rated (FREE) form plugins in the WordPress repository. It’s drag and drop user interface makes it incredibly easy to build all kinds of forms. If you’re used to using the Divi builder then the Caldera builder should come pretty naturally to you. How to Make a Caldera Form Look Like Divi
The Divi style has become one of the most recognizable styles amongst the most popular WordPress themes today. Divi is often chosen for it’s clean, minimal look so it’s no wonder users want to style third party plugins to look just like it.
This is what the Divi contact form looks like before any styling or module settings are applied:
And this is the basic starter form that the Caldera plugin comes ready with:
As you can see you’ll need to play with the column widths, remove some of Caldera’s header fields, and remove the labels from above the fields and replace them with placeholders if you want it to look as close to Divi as possible (or you can start your own from scratch). The first two changes you can do on your own, you may even want to keep the headers and text, but I’ll show you how to add placeholders
Source: https://managewp.org/articles/14184/styling-caldera-forms-to-look-like-the-divi-contact-form-bonus-looks




source https://williechiu40.wordpress.com/2017/01/11/styling-caldera-forms-to-look-like-the-divi-contact-form-bonus-looks/