Avisos
Vaciar todo

[Resuelto] ALINEAR CHECKBOXES DE FORMULARIO  

 
Pilar
 Pilar
Usuario activo

Hola! Tengo un formulario incrustado en mi sitio web. Y recientemente le pasó que en la versión web (en mobile se ve bien), los checkboxes de una de las preguntas del formulario, aparecen bastante alejados hacia la derecha, cuando la alineación debería ser todo a la izquierda. La url: https://sumatehoy.org.pe/voluntariado/

Por favor agradeceré si me comentan si existe alguna solución para ello, o puede ser un defecto del propio formulario.

Gracias.

P.D. Este es el código que tiene, y que antes mostraba los checkboxes correctamente, pero no sé si puedo/debo agregar algo para que se ajusten a la derecha.

</div>
<div class="mc-field-group input-group">
<strong>¿EN QUÉ TIPO DE INICIATIVAS TE GUSTARÍA SUMAR? </strong>
<ul><li><input type="checkbox" value="1" name="group[30933][1]" id="mce-group[30933]-30933-0"><label for="mce-group[30933]-30933-0">PROYECTOS SOCIALES</label></li>
<li><input type="checkbox" value="2" name="group[30933][2]" id="mce-group[30933]-30933-1"><label for="mce-group[30933]-30933-1">EMPRENDIMIENTOS DE IMPACTO SOCIAL</label></li>
<li><input type="checkbox" value="4" name="group[30933][4]" id="mce-group[30933]-30933-2"><label for="mce-group[30933]-30933-2">INNOVACIÓN DE IMPACTO SOCIAL</label></li>
<li><input type="checkbox" value="8" name="group[30933][8]" id="mce-group[30933]-30933-3"><label for="mce-group[30933]-30933-3">AYUDA HUMANITARIA Y EN EMERGENCIAS</label></li>
</ul>
</div>

Respondido : 27/10/2020 1:30 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Pilar,

En este caso veo que tienes añadido un formulario de mailchimp, una forma que puedas solucionarlo es crearle una clase a tus lista

Por ejemplo tendrías que colocar dentro de la etiqueta <ul> algo como class="lista" quedaría por ejemplo <ul class="lista">

 

imagen

Luego de ello tienes que incorporar el siguiente código CSS en el apartado Apariencia -> personalizar -> CSS Adicional

@media only screen and (min-width: 668px) {
.lista {
margin-top: 20px !important;
margin-left: -22% !important;
}

}

Guarda los cambios y verifica si con esto logras alinear tu lista como deseas

Un Saludo

Respondido : 27/10/2020 2:04 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Pilar
 Pilar
Usuario activo

Muchas gracias Karen. Solucionado!

Respondido : 27/10/2020 2:28 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Pilar,

Enhorabuena ha funcionado, siempre encantados de poder ayudarte.

Con esto podemos dar el tema como solucionado, escríbenos si tienes cualquier otra consulta

Un Saludo 😊 

Respondido : 27/10/2020 2:34 pm