Search Text Color

  • Anonymous

    #49537

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

    Admin

    Syahir Hakim

    #49550

    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;
    }
    

    Anonymous

    #49556

    Awesome, thank you!

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

    -Michael

    Admin

    Syahir Hakim

    #49562

    Try this:

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

    Greybox

    #51842

    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).

    Addesignfr

    #51847

    Thanks for this answer, it answers my problem 🙂

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

    TomGray5

    #51848

    Thanks for the answers, it helped me too. 🙂

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

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