Search Placeholder Color

Change the default text color for the "placeholder" text in a search field.

You can use the following code to change a GeneratePress search field’s placeholder text:

input[type="search"]::placeholder {
  color: red;

Kyle Van Deusen

Co-founder of The Admin Bar Community, owner of OGAL Web Design, and a GeneratePress & GenerateBlocks enthusiast.

For official support, please visit the forums for GeneratePress or GenerateBlocks

If you're looking to have a website built with GeneratePress & GenerateBlocks, then visit my agency website.

Leave a Comment