Avisos
Vaciar todo
Preguntas sobre WordPress
8
Respuestas
4
Usuarios
0
Reactions
21
Visitas
Topic starter
Buenas,
Estoy intentando modificar en mi página www.irabiaterapias.com/reservas/ la alineación del captcha con la casilla de aceptación de política de privacidad, pero no acierto.
¿Me podríais decir que archivo de php modifica el html? ¿lo puedo editar desde el editor de plugins? o ¿desde dentro de webempresa?
Gracias,
Verónica
Respondido : 20/04/2020 11:10 am
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%;
}
}
Puedes probar duplicando el formulario y realizando pruebas en el, de esta forma no estarás modificando y probando el que tienes activo en este momento.
Cuando veas que todo funciona como deseas puedes sustituir el formulario de la pagina actual al que haz construido nuevamente
Saludos
Respondido : 20/04/2020 12:19 pm
Topic starter
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
Respondido : 20/04/2020 5:22 pm
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.
Respondido : 20/04/2020 5:37 pm
Topic starter
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
Respondido : 15/05/2020 3:06 pm
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
Respondido : 15/05/2020 3:23 pm
Hola Veronica,
Enhorabuena a funcionado, podemos dar el tema como solucionado.
Escríbenos si tienes cualquier otra consulta
Un Saludo 😊
Respondido : 20/05/2020 12:02 pm
