Change color of search area in the top bar

Hey guys

This area is tilted and black with a white search icon, i want to be able to change the colors. In this case to make it white with a black search icon, to match the white top bar.

how do i do this?


Hello Henrik,

Can you please provide a link to your website in order to let me inspect it?

Kind Regards, Roman.

Hey Roman!

Sorry for late response. Check this one where the search is activated!


Hello Henrik,

Please try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

span.nav-search > i.fa.fa-search {
    color: black;

div.container > span.nav-deco {
    border: none;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.