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;
}Suscríbete y aprende gratis
¿Te apasiona el mundo web? Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web.
Te quedaría algo así:
