css formulario web ...
 
Avisos
Vaciar todo

css formulario web para registro

8 Respuestas
3 Usuarios
0 Reactions
468 Visitas
Javier
Respuestas: 517
Honorable Member
Topic starter
 

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


 
Respondido : 20/10/2016 4:52 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 20/10/2016 6:29 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

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

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


 
Respondido : 20/10/2016 6:35 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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


 
Respondido : 20/10/2016 7:07 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

ok. Genial!

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


 
Respondido : 20/10/2016 7:13 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Prueba agregando este código al final del mismo archivo

.formError{
left:350px!important;
}

Saludos.


 
Respondido : 20/10/2016 7:57 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

En la version movil ahora no se ve.


 
Respondido : 21/10/2016 12:16 pm
Pablo Velasco
Respuestas: 20382
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.


 
Respondido : 21/10/2016 2:53 pm