How to change length of search field and other formatting questions

Anonymous

#64125

Hi, I’m using the Search & Filter Pro widget instead of WP’s regular search widget. I would like to make the search field longer (wider), and I would like the submit and reset fields to be side by side horizontally instead of on top of each other vertically. Can you help me with the css code needed to accomplish this? Thanks.

Anonymous

#64127

I figured out how to put the buttons side by side (found the css in another forum post), but I haven’t found the css to change the size of the search field itself. Thank you.

Anonymous

#64129

I thought I found it (see below). The search field is still not as wide as WP’s native search widget, nor does it span the entire width of the sidebar. Perhaps I’m still missing something?

.searchandfilter {
width:100%;
padding:0px;
padding-top:0px;
}
.searchandfilter ul li {
display: inline-block !important;
margin-right: 20px !important;
}
.searchandfilter ul {
margin-left: 0 !important;
}

Trevor

#64447

This reply has been marked as private.

[Author]

Posts