Search Button Blog Page

Here’s a good example of adding an icon to your search box. Just use your icon in place of the one in this example.

https://codepen.io/maccgizzle/pen/luFmf

Currently the search box is set to display centered, but if you add something like this to this line of your css if can be adjusted to the left better.

Current Code on line 1910ish of stylesheet:

.wide .widget.woocommerce.widget_product_search,
.wide .widget.widget_search {
	padding: 20px 0;
}

Adjust it to:

.wide .widget.woocommerce.widget_product_search,
.wide .widget.widget_search {
	margin: 0 0 0 30px;
        padding: 20px 0;
}

the 30px can be adjsuted to however you’d it to look and be positioned, that’s just an example. Hope this helps some.

The positioning of the search box worked perfectly, thanks. But, the search button did not work. I have the following code in my custom css for search box in case that helps:

.widget_search {
position:relative;
background:#000000!important;
height:52px;
width:380px;
text-align: left;
}
.wide .widget.woocommerce.widget_product_search,
.wide .widget.widget_search {
margin: 0 0 0 70px;
padding: 16px 0;
}