Logo Geek on Heels

How to customize opacity and color of Elementor form placeholders

How to change opacity and color of all placeholder texts in Elementor form fields.

The Issue

The standard form placeholders in Elementor are always in half opacity and can be hard to read.

The quick fix

Copy and paste the following CSS-code for all placeholders into

  • the CSS-area of your active WordPress Theme
  • your Child Theme´s CSS-area
  • the direct CSS-area of the Elementor page you´re working in
  • as a snippet in your “Code Snippets” plugin
  • your “Simple CSS” plugin
The Code

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

Latest Tutorials & Articles