Support Forums

The forums are closed and will be removed when we launch our new site.

Looking for support? You can access the support system via your account.

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)
  • Tariq Gangari
    (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 Moderator
    (Private)  July 29, 2017 at 8:53 am #123474
    This reply has been marked as private.
    Trevor Moderator
    (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)

The forum ‘Search & Filter Pro’ is closed to new topics and replies.