Search box icon

Hey!

I just upgraded to WooCommerce 2.3.3 and it seems something's been changed with the CSS.
The search box had a nice icon as a button before - now it's changed to the regular one

Here's a screenshot: http://i59.tinypic.com/288yr7p.png

The site's link: http://ronnies-linux.evh732.evhost.co.il/

How do I change it back?
Thanks

 

Hello!

Please select the search widget from widget area it shows by default theme search bar.

Thanks & Regards
Pramod

 

Hi Pramod!

I tried that, still nothing I tried deleting the widget and re-adding but for some reason something clashes now.

 

Hello Ronnies,

You need to paste below CSS code in Custom CSS field located in Dashboard->Appearance->Theme Options->Styling Options

Code:

.woocommerce-product-search input.search-field {
width: 157px;
height: 30px;
border: none;
padding: 1px 0px 0px 7px;
border: 1px solid #e68405;
color: #787878;
border-radius: 1px;
}
.woocommerce-product-search input[type="submit"] {
background: url(images/side-search.png) no-repeat;
width: 38px;
height: 31px;
border: none;
cursor: pointer;
}

This will resolve your issue,

Thanks & Regards!
Naveen Kolhe
InkThemes.com

 

Thanks a lot Naveen!
Maybe you could help me with that too - I'm using the pink theme, but now the button shows as orange. Any way to change it back to dark pink as it used to be?

Thanks again

 

Hello ronnies !

Please also use below code.

Code:

.woocommerce-product-search input[type="submit"] {
  background: url(/wp-content/themes/salejunctiontheme/css/color/images/side-search-pink.png) no-repeat;
}

Thanks & Regards
Pramod

 

Thanks Pramod!!