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í:
