Change the Text Color Inside Header Replace Search Form

This is a Developer Level doc.

If you're unfamiliar with CSS and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our Support Policy, we don't provide support for modifications and customization.

If you are using the Header Replace search form style on your website and would like to change the color within the placeholder, use the following CSS snippet:

/* Change Header Replace Search Form Placeholder Text Color */
#searchform-header-replace input[type=search]::placeholder {
color: #000;
}

Adjust the color value per your need.

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.

Useful Link: HTML Color Picker

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.