Relevanssi search field

Hi Philippe,

Can you try adding this CSS?

form.search-form.navigation-search.nav-search-active > * {
    background-color: red;
}

If it doesn't work, can you provide a screenshot of the search field you're pertaining to? To be sure I'm looking at the right one. Thanks! :)

Great!

Have you fully sorted it out? Let us know if you need further help. :D

Ok. No. It does not work.

It works only if one clicks outside of the website frame after having clicked on the magnifying glass.

Thanks for your help.

Actually, not even that. The color I try to give to the search field disappears again when I put the cursor back to type a search request.

The code you gave me does not seem to be complete.

Can you try this CSS instead:

body .navigation-search input[type="search"], .navigation-search input[type="search"]:active, body .navigation-search input[type="search"]:focus, body .main-navigation .main-nav ul li.search-item.active > a, body .main-navigation .menu-bar-items .search-item.active > a {
    background-color: red;
}

Bingo. The whole bar is colored, whereas before the portion with the X to close the search field was not, and it seems to stick.

Have a nice day, Ying and Elvin.

You too Philippe :)