Cómo cambiar la opacidad y el color del placeholder en el formulario de Elementor

Cómo cambiar la opacidad y el color del placeholder en el formulario de Elementor

Tabla de contenido

Si llegaste a este artículo es porque necesitas saber cómo cambiar la opacidad y el color del placeholder en el formulario de Elementor, pues siempre están en una opacidad del 50% y pueden ser difíciles de leer.

Desafortunadamente no tenemos la opción para cambiar la opacidad o el color en los estilos del widget de formulario, por lo que para poder hacerlo, necesitamos un pequeño fragmento de código CSS realmente fácil de implementar.

Lo único que necesitas es copiar el código CSS y pegarlo en cualquiera de las opciones que tengas para incluir CSS personalizado en tu proyecto, algunas alternativas podrían ser:

  • El área de CSS de tu tema activo de WordPress.
  • El área de CSS de tu tema hijo.
  • El área de CSS avanzado en la página de Elementor en la que estés trabajando.
  • Como fragmento en el plugin «Code Snippets».
  • En la opción de CSS personalizado de la pestaña avanzado del Widget del formulario.

Código para cambiar la opacidad y el color del placeholder en el formulario de Elementor

input::placeholder, textarea::placeholder {
    color: #eligetucolor !important;
    opacity: 1 !important;
}

Tengo un regalo para ti

Apúntate a la newsletter y recibirás GRATIS un pack exclusivo de plantillas para Elementor PRO

Te quedaría algo así:

Cómo cambiar la opacidad y el color del placeholder en el formulario de Elementor

Comparte este artículo

¿Que tal te pareció este artículo?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información base sobre privacidad:
Responsable: Sebastián Echeverri (portafolio@sebasweb.net)
Fin del tratamiento: Moderación de comentarios para evitar spam
Legitimación: Tu consentimiento
Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
Derechos: Acceso, rectificación, portabilidad, olvido

Recomiendo:

Sobre la afiliación…

Para mantener este blog, cuento parcialmente con el respaldo de enlaces de afiliación, los cuales generan una pequeña comisión si decides adquirir algo a través de ellos. Esto no implica ningún gasto adicional para ti y solo enlazo productos que personalmente he utilizado y recomiendo.

También te podría interesar ver estos artículos

Nuevo icono de Twitter en Elementor

Con el cambio de imagen corporativa de Twitter es necesario cambiar el icono del tradicional pajarito por la...

Child Theme hello Elementor

Si estás buscando una forma de personalizar tu sitio web de WordPress creado con el plugin Elementor, estás...

Table tr td background de Elementor

En este corto artículo te quiero compartir un pequeño código para que puedas cambiar o quitar el color...

Habilitar Rank Math SEO en las plantillas de Elementor

Si estás añadiendo contenido a las plantillas de Elementor, es posible que necesites optimizar tu plantilla para SEO...

Los cambios que hago con Elementor no se ven en línea [posibles soluciones]

En este artículo, te quiero compartir una solución para un problema con el que a veces me he...

Popup de Elementor no cierra en la versión mobile

Si llegaste a esta entrada es porque seguramente tienes problemas porque tu popup de Elementor no cierra en...

Algunas plataformas con las que trabajo

No te vayas sin tu regalo!

Apúntate a la newsletter y recibirás GRATIS un pack exclusivo de plantillas para Elementor PRO

Apúntate GRATIS a la newsletter y llévate de regalo un pack de plantillas exclusivas para Elementor!

SUSCRÍBETE

No te pierdas los artículos y trucos relacionados con WordPress, Elementor y diseño y desarrollo web en general.