[Resolved] Search bar custom colour

[_blank]

Hi

Is it possible to change the Search Bar in the footer to custom colour #000

At the moment it is coming from the theme colours but my client would like to customise it.

Thanks
Scott

[David]

Hi there,

try this:

.woocommerce.widget_product_search input[type="search"] {
    color: #5e6679;
    background-color: #ffffff;
    border-color: #5e6679;
}
.woocommerce.widget_product_search input[type="search"]::placeholder {
    color: #000;
}
.woocommerce.widget_product_search button {
    color: #ffffff;
    background-color: #5e6679;
}
.woocommerce.widget_product_search button:hover {
    color: #ffffff;
    background-color: #5e6679;
}

I included the ::placeholder as well.

[_blank]

Hi David,

Thanks for that, it worked perfectly.

Regards
Scott

[David]

You’re welcome

[Author]

Posts