Archived topic

Search bar custom colour

3 replies · Started by _blank on August 13, 2020

Viewing posts 1–4 of 4

August 13, 2020 at 2:40 am #1400384

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

August 13, 2020 at 3:15 am #1400455

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.

August 13, 2020 at 5:01 am #1400668

Hi David,

Thanks for that, it worked perfectly.

Regards
Scott

August 13, 2020 at 5:03 am #1400672

You're welcome

This archived topic is closed to new replies.

Start building better websites today.