modificar la tipografia de breezing forms  

 
Araceli
 Araceli
Usuario experto

Buenos días,
quiero modificar la tipografia del breezing forms, he estado mirando en el foro y he visto unas indicaciones que dabais y que he seguido al pié de la letra, pero no he conseguido ningun cambio.
¿Que estoy haciendo mal?

Las indicaciones que he seguido son:
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;
}

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 29/10/2015 10:05 am
Julen
 Julen
Miembro Admin

Hola,

Para que podamos revisar como estas haciendo las modificaciones, envianos el código CSS que estas añadiendo en el fichero template.css

Saludos

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

ResponderCitar
Respondido : 29/10/2015 10:22 am

Cursos Gratuitos WordPress

Araceli
 Araceli
Usuario experto

el codigo es:

form.tu_clase input[type=text]{
color:red !important;
border:solid 1px black !important;
}

Te adjunto pantallazo ya que no estoy segura de que lo esté colocando donde toca

ResponderCitar
Respondido : 29/10/2015 10:49 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Lo primero, una indicación. Veo que tienes 2 formularios de BreezingForms distintos en la misma página. Por lo general esto no es recomendable, ya que se pueden generar conflicto entre ellos, en especial si más adelante añades algún sistema de captcha.

Dicho esto, revisando el archivo templates/tx_zenith_ii/css/template.css de tu web no veo que se esté el código que comentas. Tendrías que asegurarte de haber guardado los cambios y haberlo añadido en la web correcta, en caso de que tengas más de una.

Para editar archivos de la web te recomiendo utilizar el administrador de archivos de CPanel en lugar del componente eXtplorer. Da menos problemas. En el siguiente artículo del blog se explica su uso:

https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel.html

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

ResponderCitar
Respondido : 29/10/2015 2:13 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Araceli
 Araceli
Usuario experto

Pablo,

yo si lo veo, tanto en extplorer como en cpanel. Te adjunto pantallazo. Está colocado al final

ResponderCitar
Respondido : 29/10/2015 3:14 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El problema que veo es que estos formularios se están insertando por medio de un iframe. Dentro de estos iframes, que se pueden interpretar como páginas independientes, no se están cargando las hojas de estilos.

Si estás cargando estos formularios con un plugin deberías editar el plugin BreezingForms y en el campo Use iFrames seleccionar la opción No.

Si los cargas con un módulo, también se puede configurar para no cargar el contenido con un iframe.

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

ResponderCitar
Respondido : 29/10/2015 3:50 pm

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

Araceli
 Araceli
Usuario experto

Gracias Pablo,
Parecia que funcionaba pero cuando le digo que no use iframes en el modulo para particulares me desaparece el formulario creado para empresas.
Le he dicho que no use iframes ni en el pluguin ni en los dos modulos de ambos formularios

ResponderCitar
Respondido : 30/10/2015 8:31 am
Julen
 Julen
Miembro Admin

Hola,

Tal y como te indico Pablo, tienes que crear los formularios en modo clásico, ya que así podrás añadir los estilos para elementos de formularios de tu plantilla. Vete a Extensiones->Gestor de Plugins y edita el plugin de nombre BreezingForms. En el parámetro Use IFrames elige la opción No y guarda los cambios.

En el caso de que tengas algún problema, lo mas sencillo es que elimines el formulario que te esta dando problemas y lo configures de nuevo, esta vez configurándolos desde el modulo sin usar la opción Iframe.

Si quieres cambiar los estilos de los elementos, debes utilizar las opciones CSS de cada uno de ellos, al ingresar al detalle de los elementos de formularios verás opciones para agregar estilos, tal como se muestra en la siguiente imagen:

Una vez añadidos estos estilos ,puedes codificarlos en algún archivo de estilos de tu template.

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

ResponderCitar
Respondido : 30/10/2015 9:19 am

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

Por favor Iniciar Sesión o Registro