Forums › Forums › Search & Filter Pro › How to change length of search field and other formatting questions

Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Anonymous
    (Private)  October 14, 2016 at 7:28 pm #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
    (Private)  October 14, 2016 at 7:37 pm #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
    (Private)  October 14, 2016 at 7:46 pm #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
    (Private)  October 17, 2016 at 11:08 am #64447
    This reply has been marked as private.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)