Forums › Forums › Search & Filter Pro › How to make the search fields display in line or streamlined

Viewing 3 posts - 1 through 3 (of 3 total)
  • Anonymous
    (Private)  July 28, 2017 at 11:34 pm #123443

    Hi guys, currently I have a search bar and 3 taxonomies underneath. Does anyone know how i can display these fields in a 2 down/2 across way or as streamlined as possible so it doesn’t take up too much space length wise? I hope that makes sense?

    Trevor
    (Private)  July 29, 2017 at 8:53 am #123474
    This reply has been marked as private.
    Trevor
    (Private)  July 29, 2017 at 8:55 am #123476

    Try this custom CSS, which will reduce all the vertical gaps:

    .widget-container .searchandfilter label br {
  display: none;
}
.widget-container .searchandfilter select,
.widget-container .searchandfilter input {
  margin-bottom: 0;
}
.widget-container .searchandfilter p {
  margin-bottom: 0;
  margin-top: 0;
}

    You can play with those if that is too much!!

    There is not enough room to place the filters side by side on a desktop site.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)