Woocommerce Product Search

I really appreciate it if someone lets me know how to style woocommerce product search widget on sidebar. I’m particularly interested in styling the search button. Thanks a lot

Hi @sean777,

I hope you are well today and thank you for your question

You can style the background and text colors of search button of woocommerce product search widget by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Apperance -> Theme Options -> Other -> Custom CSS

.woocommerce.widget_product_search input.btn.btn-default {
  background-color: #447EC5;
  color: #ccc;

Please change the color value in the above code to whatever you want to use by referring the following pages.


Best Regards,