How to make the search fields display in line or streamlined

Anonymous

#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

#123474

This reply has been marked as private.

Trevor

#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