How To Increase The Divi Contact Form Message Box Height

This code snippet from the Divi Code Snippet Club will allow you to increase the height of the Divi Contact Form Module's message box.

The height of the Divi Contact Form Module message box is pretty small by default, so I wanted to share with you a way to increase that. I first tried to add a min-height to the module’s advanced tab settings, but of course, that doesn’t work because we need to use the infamously Divi !important tag.

Head on over to the Divi>Theme Options and copy and paste the following snippet into the Custom CSS box at the bottom.

/*increase the contact form message box height*/
.et_pb_contact_message {
    min-height: 300px!important;
}

Now any contact form that you have on your site will have a taller message field for users to type their message. This is actually pretty important for conversions and giving the visitor the feeling that more information is a good thing.

Of course, if you only want to affect one contact form on your website you can add your own class to the module and at the beginning of your code like this:

/*increase the contact form message box height*/
.pa-contact-form-height .et_pb_contact_message {
    min-height: 300px!important;
}

We hope you found this useful! Please share this with others!

Need more help? Ask us!

We hope this answers your questions about using Divi and Elementor together. If so, please leave a comment below and share this with others. You may use our contact form to ask more questions.

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, building websites with Divi, and teaching others.

Join Our NEW Divi Facebook Group!

The Divi Teacher Logo

Other Code Snippets

Leave A Response!

Leave a Reply

avatar
  Subscribe  
Notify of

Shop Our Divi Products!

Child Themes • Plugins • Layouts

Visit The Shop

Divi Tutorials On YouTube

Subscribe to our helpful Divi videos!

Visit Our Channel

Pin It on Pinterest

0

Your Cart