How to add sidebar box.

Each widget is already wrapped with a <div> element with class attribute .widget

You can modify the styles with CSS. The code below should work for you.

.widget-area .widget {
    background: #E0E0E0;
    padding: 10px 15px;
}

Hope this helps!

Thank you so much, it worked.

I will like to know how to remove the numbers showing on product categories homepage, I want categories name to be displayed without the number of product showing.

Also how do I change the search background color on the storefront theme header.

thanks again.

Hi,

You can use the woocommerce_subcategory_count_html filter to customise the category count html.

Thanks

Thank you so much jameskoster for responding, how do I go about doing this?

What about the search background color? I would like to change the color to #ffffff.

thank you.

Thanks for your support, i am still waiting on how to use the woocommerce_subcategory_count_html filter to customise the category count html.,

I also would like to change the search background color? I would like to change the color to #ffffff, how do i do this?

thank you.

@bennn, for the , you can use this PHP code in your custom functions file. https://docs.woothemes.com/document/hide-sub-category-product-count-in-product-archives/.

To change the background color of the search bar, you can use this code in your CSS:

#searchform #s {
    background: #000000;
}

I have used the codes,
Thanks so much.