Two Columns

Anonymous

#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

#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

#104472

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

Trevor

#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