Configuración de un formulario con Gravity Forms

En el siguiente vídeotutorial explicamos cómo configurar un formulario en WordPress, usando GravityForms sobre la plantilla Divi.

Las clases CSS a las que hacemos referencia en el vídeo son las siguientes:

• gf_invisible para ocultar un campo
• gf_left_half  (Para que ocupe la mitad)
• gf_left_third  (para que ocupe 1/3)

Y las reglas para personalizar los botones (que tengan un estilo Divi) son las siguientes:

.gform_button
{
    position: relative;
    padding: 0.3em 1em;
    border: 2px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: transparent;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    color: #2ea3f2;
}

.gform_button:hover
{
    background: #2ea3f2;
    color: #ffffff;
      border: #2ea3f2 2px solid;
      cursor: pointer;
}