Design Cloud Form Problem

Level4 · February 14, 2020, 2:37am

Hi - I imported the Contact Forms 3 into Pro and the look and behavior are not as expected. Is this a known problem or have I failed to do this correctly? Thanks

jade · February 14, 2020, 11:52am

Hi Derp,

The creative contact form 3 is part of our creative contact forms video series:

You can get the code for the contact form here:

gist.github.com

https://gist.github.com/dontcallmemark/24dc94ea29c49f2012486194f37b03ba

form-structure.html

/***************************************************
Install Contact Form 7 Multi-Step Addon Plugin FIRST
***************************************************/

[progressbar type:bullets]
[step_start "Personal Information"]
<div class="row two-cols">
     <div class="col">
          [text* first-name placeholder "First Name *"]
     </div>

This file has been truncated. show original

form-styling.css

.row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.row.two-cols .col {
  flex-basis: 48%;
}

This file has been truncated. show original

Please copy the html code and place it in the contact form 7 code area.

Hope this helps.

system · February 24, 2020, 12:05pm

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.