Avisos
Vaciar todo

[Resuelto] Cambiar color marcos de los campos al hacer hover  

 
Ana
 Ana
Honorable Member

Hola!

Tengo un pequeño problema, y no doy con como cambiarlo.

Al hacer click en los campos de los formularios de contact form 7, ocurre que el marco de los campos cambia a color azúl. ¿Como puedo cambiarlo para que aparezca de otro color, por ejemplo color amarillo?

 

También me ocurre con los desplegables, la primera línea aparece en zaul claro y lo deseo cambiar.

¿como puedo hacer?

 

imagen

 

He mirado de a ver si encontraba el css que lo hacia para en personalizaciones, cambiarlo, pero nada, llevo un buen rato y no logro dar con el que es.

 

Si sois tan amables de ayudarme?

 

Muchas gracias por adelantado!!

 

Ana

 

 

 

 

Contenido solo visible a usuarios registrados

Respondido : 27/01/2024 12:49 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Anas,

Verifica agregar en Apariencia > personalizar > css adicional el siguiente código para el marco de los input:

span.wpcf7-form-control-wrap input:hover {
border-color: black !important;
}

Cambias black, por el color que quieras, luego con respecto al desplegable, es posible que esto sea por el explorador, te comparto como lo vemos por acá:

image

Este es el color normal del explorador, has verificado en otro?

Un saludo 🖐️ 

Respondido : 27/01/2024 1:39 pm

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

Ana
 Ana
Honorable Member

Hola Argenis,

Muchas gracias por estar ahí un Sábado! 😊

Agradezco tu ayuda.

El código me fue genial.

Sobre lo de los desplegables, perdona, es que mientras esperaba tu respuesta yo estaba tocando y cambiando cosas y ahora se muestran distinto no se porque.  😓 

La verdad es necesito poner dos filas de 5 columnas y muy bien no me está saliendo la verdad... las tengo a 4 columnas, y me falta 1, pero la 5ª se me resiste no se como ponerla en la misma fila.

 

Como puedo añadir la 5º columna en una fila? 

Gracias por adelantado!

Ana

 

 

Respondido : 27/01/2024 2:13 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ana, 

A nivel visual lo veo bien de 4 columnas, porque 5 puede ocasionar que en otra resolución las palabras se corten o no se muestren completas; sin embargo, si quieres añadirlo de 5 columnas una herramienta que te puede ayudar ya que utilizas contact form 7 es esta Contenido solo visible a usuarios registrados

Como podrás ver en la herramienta te permite generar el layout y CSS que necesitas para mostrar los inputs como deseas en el formulario, solo necesitas construirlo y pegar el HTML en la sección donde construyes el formulario y luego añadir el CSS para que se muestre, por ejemplo

image

Pruébalo y nos comentas como va todo

Un Saludo 

 
Respondido : 27/01/2024 3:36 pm

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

Ana
 Ana
Honorable Member

Hola Karen!

Me ha ido genial la web maquetadora de formularios ContactForm 7, es muy útil la verdad.

Gracias por el consejo y por tu gran ayuda.

Ahora ya tengo el formulario que quería.

Muchas gracias!

Que tengas un gran día!

Ana 😊 🤗 

 

Respondido : 28/01/2024 11:57 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ana, 

Enhorabuena ha funcionado, es un placer siempre poder ayudarte.

No dudes en escribirnos si tienes cualquier otra consulta. 

Un Saludo 😊 

Respondido : 28/01/2024 2:29 pm

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