Search Results for 'horizontal'

[Trevor]

To get the filters to sit horizontally, you will need some custom CSS, like this:

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

Are you filtering Posts, or a Custom Post Type?

[Anonymous]

Hello,

I’m trying to create a form since yesterday.

In this form, I wish a Search bar and filters (horizontal) for 1. Agencies (offices), 2. Type of contracts, 3. Industry. It looks like a job website.

In each of these filters, I wish a box to tick for filtering the results (one answer allowed).

But the thing is : I can’t create the list of answer (for example for agencies : Lyon / Paris / Marseille/etc…). I really don’t know how to do.

I thank you in advance

PS : I have the pro version

Benjamin

[Trevor]

Can you please see this post for Horizontal CSS:

https://support.searchandfilter.com/forums/topic/css-layout/#post-166788

[Trevor]

You would need to use Custom CSS. There are many code snippets in the forum (found by searching for horizontal CSS, but this is what I normally start with:

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

[Anonymous]

I’m lost trying to figure out how/where to adjust the layout —

right now the search form is vertically aligned… ul after ul… ugly

how can we create horizontal layout — break the ul’s into columns?

thanks

[Anonymous]

Hello,

I am working on a directory feature for a client and I am using S+F pro to do that. The client has requested a sidebar version and a horizontal version of the form to be present on the same page. Is it possible to get those working in sync where selections made in one form are updated in the other?

The client has also requested that the sidebar radio buttons have hide/reveal collapse functionality. Is this something you have seen before? I know its possible to modify the markup with js to achieve this but the form reloads itself whenever ajax is engaged and the functionality would stop working. Is there a js event I can attach a callback to that will allow me to perform js work once the search results have been loaded?

A js callback might also be useful for tracking search analytics when using ajax.

Thank you for the help,
Josh.

[Trevor]

These options should be vertical, not horizontal. I would suggest, however, making a settings change. Go to WP Admin -> Search & Filter -> Settings and change the combobox script to Select2.

Then get back to me for further assistance.

[Anonymous]

I would like to use the same form in two places on my website, vertically in the sidebar on some pages and horizontally on one particular page. I need both forms to use the same post type archive display mode but I get an error when I try to do this.

Is there any way around this? Perhaps I can assign an ID or something on the form that needs to be displayed horizontally, so that I’m only using the one form?

The vertical forms will be displayed using a widget and the horizontal form with a shortcode.

[Anonymous]

Hi, unforunately i am not a experienced wordress user.
I bought a theme and your S&F filter.

I created succesfully a Search form.
Then added the shortcode to a test page.
It is showing all posts but the grid layout is strange, not the layout i want to be shown.
Everything i tried was unsuccesful.

What i want is to add S&F form horizontally to “any” page created with Visual Composer. And let the posts in the grid to be filtered.

Thanks.

[Trevor]

You would need to use Custom CSS. There are many code snippets in the forum (found by searching for horizontal CSS, but this is what I normally start with:

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