Forums › Forums › Search & Filter Pro › Two Columns

Viewing 4 posts - 1 through 4 (of 4 total)
  • Anonymous
    (Private)  April 23, 2017 at 4:43 pm #104352

    Hello,

    Is it possible when using a search form on a page to make it two columns? On this page for example:

    http://beautyrefiner.com/refine-a-product/

    I would like the second part (the “that are…” section) to be beside the first section instead of below it.

    Thanks for your help!

    Trevor
    (Private)  April 24, 2017 at 8:36 am #104416

    You would need some Custom CSS, like this:

    .searchandfilter > ul > li.sf-field-category {
  display: inline-block;
  margin-right: 20px;
  float: left;
}
.searchandfilter > ul > li.sf-field-tag {
  display: inline-block;
  float: left;
}
.search-filter-results, .sf-field-submit {clear: both;}
    Anonymous
    (Private)  April 24, 2017 at 2:22 pm #104472

    That looks much better! Is there a way to move the submit button to the second column?

    Trevor
    (Private)  April 24, 2017 at 2:29 pm #104474

    Probably this would do it. Change this line:

    .search-filter-results, .sf-field-submit {clear: both;}

    to this:

    .search-filter-results {clear: both;}

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