No comprende.
You mean the very top search box? It has an input box where you type in text and an icon where an arrow moves when you press it. You want to increase the horizontal distance between the icon and the input box?
haha)
No, I mean search form in the left sidebar, i guess default woocommerce search. I want vertical distance to be increased.
You may check it here:
http://hectorceramo.ru
Thank you
Try
`div.left-sidebar-item input#searchsubmit {
margin-top:10px;
}
or
div.left-sidebar-item input#searchsubmit {
padding-top:10px;
}`
It looks like it’s a WooCommerce feature / widget and I’m surprised that they haven’t styled it better.
The first way didn’t bring any changes, the seocond one made “search form” border wider.
Got any ideas?
I’d like to post the same question on “woocommerce support”, but you know, it’s kinda useless because of number of questions asked there.
Try
div.left-sidebar-item input#searchsubmit {
margin-top:10px;
display:block;
margin-left:auto;
margin-right:auto;
}
or
div.left-sidebar-item input#s {
display:block;
margin-bottom:10px;
}
div.left-sidebar-item input#searchsubmit {
display:block;
margin-left:auto;
margin-right:auto;
}
or to get it all on one line
div.left_sidebar_woocommerce widget_product_search form#searchform{
overflow:auto;
}
div.left_sidebar_woocommerce widget_product_search input#s {
display:block;
float:left;
font-size:12px;
width:80px;
}
div.left_sidebar_woocommerce widget_product_search input#searchsubmit {
display:block;
float:left; /*or try float:right;*/
font-size:12px;
width:65px;
}
Apart from that I’m fresh out of ideas without actually messing around with it and seeing what works.
1st way and 2nd works great!
Thank you very much, richarduk!