Breezingforms y css  

 
joomla1597
 joomla1597
Usuario eminente

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?

Citar
Respondido : 23/07/2010 1:56 pm
David Noguera
 David Noguera
Miembro Admin

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.

Si te ha servido de ayuda, déjanos tu testimonio con un link hacia tu Web y mejora su posicionamiento:
Enviar testimonio
¡Gracias!.

ResponderCitar
Respondido : 23/07/2010 2:12 pm

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

joomla1597
 joomla1597
Usuario eminente

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?

ResponderCitar
Respondido : 23/07/2010 10:08 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 24/07/2010 12:07 am

Cursos Gratuitos WordPress

joomla1597
 joomla1597
Usuario eminente

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!

ResponderCitar
Respondido : 24/07/2010 1:14 pm
Pablo
 Pablo
Usuario experto

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

ResponderCitar
Respondido : 22/12/2013 12:43 am

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

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 22/12/2013 2:20 am

Por favor Iniciar Sesión o Registro