Nav Search Bar Color Change

[aaustin69]

Hello, I noticed that the nav search bar colors (the circle background and magnifying glass) take on whatever colors are set in the top bar background and top bar font. Specifically, the top bar background color = search bar background color, and the top bar font color = magnifying glass color.

Is there a way to change this so that I can define different colors for the nav search bar?

Thanks,

Alan

[laranz – SUPPORT]

Hi,

You can change them using the Custom CSS in theme Options.

For magnifying glass color, try this

#nav-search i{
color: red;
}

For search box background, try this

#nav-search, #mini-search{
background-color: red !important;
}

Let me know, what you got.

Thanks,
laranz.

[aaustin69]

That worked perfect, thanks. One other question – is there a way to control the color of the text that is typed into the search box?

Alan

[laranz – SUPPORT]

Hi,

Yes!

Try this.

#nav-search input{
color: green;
}

Let me know, what you got.

Thanks,
laranz.

[aaustin69]

That worked, thanks again!

[Melanie – SUPPORT]

Fantastic!