Forums › Forums › Search & Filter Pro › How setup the filter in main content to show in coloums

Tagged: ,

  • This topic has 4 replies, 2 voices, and was last updated 7 years ago by Anonymous.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Anonymous
    (Private)  November 6, 2017 at 3:39 pm #140277

    On my website I’m showing the search forms in the main content of the page, not the sidebar.

    Having 4 forms with 5+ radio inputs each, i get a very long vertical list that is not visually nice to see.

    I would like to show these forms in multiple coloums in order to obtain a more “compact”, orizontally developed search form.

    It would be helpful to have some hints and guidance in order to perform this styling.

    Thank you

    Trevor
    (Private)  November 6, 2017 at 4:14 pm #140280

    Are you able to send me a live link/URL to your search page so I can take a look?

    I am not sure that columns will work, as they tend to break as screen widths get smaller.

    Anonymous
    (Private)  November 6, 2017 at 10:11 pm #140368
    This reply has been marked as private.
    Trevor
    (Private)  November 7, 2017 at 7:41 am #140414

    Your CSS is minified and combined, so it si hard for me to experiment, but can you try adding this CSS:

    .searchandfilter > ul > li {
  display: inline-block;
  margin-right: 20px;
  float: left;
}
.searchandfilter > ul > li:last-child {
  margin-right: 0;
}
.search-filter-results {clear: both;}

    You can also add a width if you wish after the float line.

    Anonymous
    (Private)  November 7, 2017 at 10:07 am #140439

    It works!
    Thanks a lot

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