If we are using Divi theme and we want to make contact  Form 7 just like the Divi Contact Form. In some cases, the user prefers contact form 7 in comparison with Divi Contact Form but due to the stunning design of Divi Contact form, users don’t change it. And today we will see how we can use contact form 7 and can give it a feel like Divi contact form.

Steps to customize Contact Form 7

If you want to make contact form 7 just like the Divi contact form so you just have to implement some code in your Custom CSS Field in your Divi theme just follow these simple steps.

– first of all Install the contact form 7 plugin.
– Take the shortcode and paste it wherever you want to make the Contact Form.
– Go to Divi >> Theme Option >> Custom CSS Field and paste the code given below in the Custom CSS   Field.

Contact Form 7

The above CSS will change your contact form (produced by contact form 7) just like Divi Form. See in the image below.


Hope this article will help you in making contact form 7 just like Divi contact form. Please let us know if the above CSS creates any problem or any other issue regarding to the contact forms. Feel free to leave your comments in the comment box, Have a Nice Day! Good Luck

You May Also Like

  • Tested on Divi version 2.7.8
  • Tested on Contact Form 7 Version 4.4.2
Subscribe To Our Newsletter For More Tips & Tricks on Elegant Themes

Subscribe To Our Newsletter For More Tips & Tricks on Elegant Themes

You have Successfully Subscribed!

Share This