In some cases user prefers contact form 7 in comparison with Divi Contact Form but due 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.

Follow the steps to customize Contact Form 7

– Install the contact form 7 plugin
– Take the short code 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.

2

Please let us know if the above CSS creates any problem or any other issue regarding to the contact forms. Feel free to post comments, Have a Nice Day!

Important Notes

  • Tested on Divi version 2.7.8
  • Tested on Contact Form 7 Version 4.4.2
Share This
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!