Avisos
Vaciar todo

css formulario web para registro  

 
Javier
 Javier
Honorable Member

Hola!

Dentro de este formulario me gustaria que para la version desktop, se quedase como en la imagen adjunta, pero que en la version movil se quedase como esta porque esta perfecto.

¿Alguna solucion?

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 20/10/2016 5:52 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Ubica el siguiente archivo:
/templates/vina_wefit/css/custom.css

Al final agrega el siguiente código CSS:

.view-register #os_form.form-horizontal .controls input{
	width:100%;
}

Saludos.

ResponderCitar
Respondido : 20/10/2016 7:29 pm

Javier
 Javier
Honorable Member

ok gracias, pero el campo comment no se adapta como los demas, ¿porque?

ademas mira lo que pasa en la version movil, adjunto imagen.

ResponderCitar
Respondido : 20/10/2016 7:35 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Modifica el código enviado por este :

.view-register #os_form.form-horizontal .controls input,
.view-register #os_form.form-horizontal .controls textarea{
	width:100%;
}

En este último se contempla el textarea

Saludos

ResponderCitar
Respondido : 20/10/2016 8:07 pm

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

Javier
 Javier
Honorable Member

ok. Genial!

pero sigo teniendo el problema de los globos rojos de error. se cortan en la version movil (ver en imagen adjunta)

ResponderCitar
Respondido : 20/10/2016 8:13 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba agregando este código al final del mismo archivo

.formError{
left:350px!important;
}

Saludos.

ResponderCitar
Respondido : 20/10/2016 8:57 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Javier
 Javier
Honorable Member

En la version movil ahora no se ve.

ResponderCitar
Respondido : 21/10/2016 1:16 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

En el último código que te ha pasado Jhon, prueba a cambiar el valor de 350px por otro, por ejemplo 50px, y verifica si así se ve.

Comprueba también que estos cambios también se aplican en la versión de escritorio.

ResponderCitar
Respondido : 21/10/2016 3:53 pm

Cursos Gratuitos WordPress