Jump to content

Modificar estilos formularios


Recommended Posts

Hola, en mi tienda, estoy utilizando un tema de leotheme exactamente leoling y todos los formularios tienen el mismo estilo, tienen un efecto que cuando te pones encima aparece un borde al rededor del campo de texto de color azul. En todos los sitios dónde hay un formulario aparece igual, en el autentication, en el proceso de registro, en el login al backoffice... Quiero cambiar ese color de todos los formularios y si es posible modificar el tamaño. 

Mi pregunta es: ¿Puedo cambiar tamaño y el estilo de todos los formularios desde un mismo CSS? y si es así... ¿dónde está ese archivo? o_Ô 

Link to comment
Share on other sites

  • 10 months later...

Hola, spynlux, veo que es algo tarde y no te respondieron a la duda. Pero para los que aún no han podido solucionar el tema acá la solución: 

 

1. ir a la ruta themes\default-bootstrap\css\global.css

 

2. Abrir el Archivo global.ccs y situarte en la línea 1414 y encontraras esto:

 
  border: 1px solid #d6d4d4; (Acá vas a cambiar el color que quieras usar).
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
 
3. Luego vas a las líneas 1417 y 1417 y veras lo siguiente:
 
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); 
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
 
4. En los últimos valores rgba vas a colocar el mismo color que sustituiste en la línea 1415 pero en formato rgba
 
espero le sirva de ayuda a quien lo necesite. Saludos
Link to comment
Share on other sites

  • nadie locked this topic
Guest
This topic is now closed to further replies.
×
×
  • Create New...