Live Search Focus Color

Willard1975 · September 12

Hey,

I added a live search bar to my shop category page. The thing is that it inherits the color from: Theme options > Colors > General > Background > Content background.

I added the following to my custom CSS in order to make it white:

/* Make the search bar white */

.mfn-live-searchform input.field

.mfn-live-searchform input.field:focus

.mfn-live-searchform input.field:active {

background-color: #ffffff !important;

color: #000000 !important;

}

The search bar is now white, but when I click in the search bar (focus?), it changes back to the theme background color.

I need the search bar to be white.

/Michael

https://shop.puchverkstan.se/product-category/motordelar/

Phil · September 15

Hi,

Please try the following CSS code:

.column_livesearch .mfn-live-search-wrapper input[type="text"]:focus{
 background-color: #fff!important;
}

Best regards

Live Search Focus Color

Comments