How to update the color of the placeholder text in search box

Hi Ronit

Please add the below code at the bottom of your style.css file 

.search-full ::placeholder {
   color:red;
}

Let me know if it solves your issue 

Thanks

Pulkit

Thanks ☺️ pulkit
It works, I have few more questions can you help me on this

Hey Ronit,
Yes you can ask your questions I am happy to help you

I want to update the text size of the placeholder

Hi Ronit

Please placed the below code at the bottom of your style.css
search-full ::placeholder {
color:red;
font-size: 18px; // you can update the value of your choice
}

Thanks

Do I know to way to change shape of search bar.

Add the below CSS code to your style.css file at the end of all code:

.search.search-full input[type="search"]{
border-radius:0;
}

If you add little bit of border-radius then increase the number in border-radius CSS property, see how I'm doing

.search.search-full input[type="search"]{
border-radius:5px;  //number of border-radius can be updated.
}

Increase more:

.search.search-full input[type="search"]{
border-radius:10px; //number of border-radius can be updated.
}

So you can increase the border-radius number.

Thanks

Working. It will look fine with blue border, how can I add??