Search Text Color

  • Anonymous


    Is there anyway to change the color of the text in the search box?


    Syahir Hakim


    Copy and paste this code into Customizer > Additional CSS. Make sure you adjust the colour codes as necessary.

    #top_search input {
    	color: #846f8e;
    #top_search input:focus {
    	color: #fff;



    Awesome, thank you!

    By chance is there also a way to change the color of the word “search” in the box?



    Syahir Hakim


    Try this:

    #top_search input::-webkit-input-placeholder,
    #top_search input::-moz-placeholder,
    #top_search input:-ms-input-placeholder {
    	color: #846f8e;



    This doesn’t work for me for some reason.

    Is there a way to change/customize the following search box parameters?

    Background color
    Border size
    The word “Search” color (not the input text color).

Viewing 5 posts - 1 through 5 (of 5 total)

  • You must be logged in to reply to this topic.