Avisos
Vaciar todo
Hola!
Trabajo con breezingforms, y querría cambiar la fuente de los inputbox en los formularios. He buscado por hojas de estilo css, pero tan sólo he encontrado dos veces la cadena "font:", para las etiquetas:
#bfSubmitMessage
.uploadifyQueueItem
El caso es que el texto de las cajas de texto multilíneas me aparece en una letra parecida a courier, y no sé cómo cambiarlo. ¿Me podéis ayudar?
Respondido : 23/07/2010 1:56 pm
En classic mode, cuando editas un campo, verás que hay un campo donde pone:
CSS class para :
o
CSS class para
:
Aquí puedes poner la clase CSS que quieras. Después deberás de poner el código CSS para esta clase editando el fichero template.css de tu plantilla, por ejemplo.
Si quieres dar un estilo a todos los inputbox de tu form y no quieres tener que asignar una clase a cada inputbox uno por uno, una solución más inteligente es editar el formulario y ponerle una clase al formulario en el campo:
CSS class para : tu_clase
Después tendrás que añadir el código CSS en el fichero template.css, algo así:
form.tu_clase input[type=text]{
color:red !important;
border:solid 1px black !important;
}
El !important es para que prevalezca este valor sobre los de la hoja de estilos de BreezingForms.
Saludos.
Respondido : 23/07/2010 2:12 pm
Hola de nuevo,
he intentado la segunda opción:
form.tu_clase input[type=text]{
color:red !important;
border:solid 1px black !important;
}
aunque la he tenido que sustituir por:
form.tu_clase textarea{
al tratarse de un cuadro de texto. En fin, que le he añadido a tu código:
font:Verdana, Arial, Helvetica, sans-serif !important;
y a pesar de verlo en rojo (según las instrucciones de tu código), la fuente sigue siendo courier... igual hay otra hoja de estilos que define los textarea y me está fastidiando, ¿es posible?
Respondido : 23/07/2010 10:08 pm
Hola joomla1597,
Yo añadiría:
font-family:"Times New Roman", Times, serif; <-- O la fuente que quieras invocar, teniendo en cuenta que si el usuario no dispone de esta fuente en su máquina se cogerá la siguiente de las listadas en tu template.css en la clase correspondiente.
Quedando de la siguiente forma:
form.tu_clase input[type=text]{
font-family:"Times New Roman", Times, serif;
color:red !important;
border:solid 1px black !important;
}
Aunque puestos a reducir tamaño en nuestras hojas de estilo para acelerar su carga, lo dejaría de esta forma:
form.tu_clase input[type=text]{font-family:"Times New Roman", Times, serif; color:red !important; border:solid 1px black !important; }
En una línea puede que no lo notes, pero si revisas todas las hojas de estilo de tu plantilla más las de las extensiones que se cargan veras que esto aumenta considerablemente.
Saludos
Respondido : 24/07/2010 12:07 am
Genial, funciona de maravilla!
Ahora sólo retocaré un poquito el tamaño del textarea, ya que parece que las nuevas fuentes dejan más espacio entre línea y línea.
muchas gracias!
Respondido : 24/07/2010 1:14 pm
quiero resaltar las letras porque he puesto el fondo negro ( http://tuspresu-cp76.webjoomla.es), el problema que tengo es que me deforma el formulario si le pongo la clase tu_clase
gracias
Respondido : 22/12/2013 12:43 am
Hola Pablo,
No uses otras consultas del Foro "parecidas" pero diferentes para plantear tu consulta.
Crea un nuevo post y plantea tu consulta, documenta con capturas o lo que corresponda el problema y lo que quieres conseguir hacer para que los técnicos podamos revisarlo e indicarte.
Realiza las consultas de forma individual y no anides diferentes consultas bajo un mismo hilo, acabamos confundiendo a otros usuarios que buscan soluciones ya aportadas, dificultamos las respuestas, ya que siempre se quedarán parte de las consultas sin responder mientras el hilo avanza, al mezclar muchos temas en un solo hilo en muy difícil hacer un seguimiento de la consulta inicial y esto acaba llevando al hilo a un estancamiento.
Gracias por tu colaboración.
Respondido : 22/12/2013 2:20 am
