Divi Contact Form with Countries Dropdown

Posted by George Nicolaou

On 6 Nov, 2017
George Nicolaou - Senior Web Developer
I needed to create it for a project. I decided to post my layout here in case some needs it

Remember to unzip and import the layout into the divi library

13 Comments

  1. Ernest Burden

    Hello,
    I tried to download your Divi contact form with dropdown country codes, but the link comes back not found.
    Would really help me out if you relinked it. Please.

    Thank you,
    ernie

    Reply
  2. Mihai

    Can’t import and I get this: The file should not be imported in this context

    Reply
    • George Nicolaou

      Try importing it into a new page. My guess is you are importing it into the divi library

      Reply
  3. Sheikh Imran

    Now I can handle the design your website is beneficial, and the way you helped me out from the other part of the world is impressive by using team viewer. Much Thanks

    Reply
    • George Nicolaou

      glad I was able to help. As I understand after chatting with you, you are a a new Divi designer. So I wish you all the best

      Reply
  4. makin

    Thanks for great info.
    How about USA state list?

    Would be possible to get that?
    Much appreciated.

    Reply
    • George Nicolaou

      I would suggest using caldera forms

      Reply
  5. David O'Connor

    Hi George Thanks for this much appreciated. I have a slight problem, when I add the form to my page -https://mli.latdev.co.uk/contact/ – it is underneath my initial form, I can’t seem to style the field background to the light grey of the country field. The text colour will change, but not the background colour. Any ideas?

    Reply
    • George Nicolaou

      Well using a blue color I found on your site you can change the color using css although you should be able to use the design options of the fields to do this. The code below should do it.

      This code should go into Divi–>Theme Options–>Custom CSS

      .et_pb_contact .et_pb_contact_field_half {
      float: left;
      width: 50%;
      background: #002672 !important; /*chnage hex if you need to*/
      }

      .et_pb_contact_field textarea.et_pb_contact_message {
      display: block;
      min-height: 150px;
      background: #002672 !important; /*chnage hex if you need to*/
      }

      Reply
  6. Yosh

    Hi,
    the download just hangs and cannot be completed. I tried Save Linked Content As but it also hangs. Am I doing something wrong?

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Share This
Divi Theme Code SnippetsDivi Contact Form with Countries Dropdown