[Resuelto] En plugin Easyappointments, ¿cómo puedo alinear captcha, con la casilla de verificación de aceptación de privacidad?

Hola Verónica,

Supongo que lo que quieres hacer es colocar la casilla de aceptación y captcha en dos columnas,

Si estas trabajando con conctat form 7 puedes agregar los campos en dos columnas de acuerdo como corresponda, de esta forma puedes puedes organizar todos de acuerdo a lo que necesitas.

Por Ejemplo

1.- Tu formulario puedes construirlo con la siguiente estructura 

<div id="responsive-form" class="clearfix">

<div class="form-row">
<div class="column-half">Columnas 1 [text* first-name]</div>
<div class="column-half">Columna 2[text* last-name]</div>
</div>

<div class="form-row">
<div class="column-full">1 Columnas [textarea your-message]</div>
</div>

<div class="form-row">
<div class="column-full">[submit "Enviar"]</div>
</div>

Guarda los cambios

2.- Ve al menú Apariencia -> Personalizar y agregas el siguiente código

#responsive-form{

max-width:600px /*-- Cambia este valor al ancho deseado de tu formulario --*/;

margin:0 auto;

        width:100%;

}

.form-row{

width: 100%;

}

.column-half, .column-full{

float: left;

position: relative;

padding: 0.65rem;

width:100%;

-webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box

}

.clearfix:after {

content: "";

display: table;

clear: both;

}




/**---------------- Responsive  ----------------**/

@media only screen and (min-width: 48em) {

.column-half{

width: 50%;

}

}

@karenrios

Hola, no se trata de Contact Form 7. Easyappointments incorpora la posibilidad de incorporar campos personalizados (opción muy precaria) y la operatividad del plugin es muy baja. Así, la posibilidad de modificar aspectos de este plugin, es muy baja.

¿se te ocurre algún otro modo?

Gracias,

Verónica

Hola

Si quieres alinearlo en la misma columna, tal y como esta pero el checkbox un poco más a la izquierda, puedes probar con el siguiente código CSS:

#booking-overview + .form-group{
margin-left: -30px;
}

Para agregar este código CSS puedes hacderlo en el style.css de tu child-theme o en Apariencia > Personlizar > CSS

Saludos.

Buenas de nuevo,

Probé esta última solución y ha estado funcionando un tiempo, pero volvió a desalinearse una vez que empecé a optimizar la web. ¿A qué podría deberse?

Saludos,

Verónica

Hola Veronica,

Es posible que el código se haya eliminado, verifica si aun lo tienes agregado.

Si es así, puedes intentar agregando el siguiente código

.gdpr {
margin-left: -45% !important;
}

Un Saludo

@karen

Funciona perfecto! Mil gracias!

Hola Veronica,

Enhorabuena a funcionado, podemos dar el tema como solucionado.

Escríbenos si tienes cualquier otra consulta

Un Saludo 😊