Search Results for 'horizontal'

[Ross]

To display your search form horizontal, add the following to you theme’s CSS:

.searchandfilter > ul > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
}

(link)

[Anonymous]

Hi again Ross, Yes! Thanks! Now it shows the filter form and grid. However, when you filter the results the images don´t show up, only the post titles.
Also, is there a way to show the search form horizontally instead of vertically?
Thanks!
Christina

[Trevor]

To set the form fields horizontally, you need to use 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;}

[Anonymous]

The search form I have created here needs to be displayed horizontally under the slider. Can you help me?
http://dev.freshbaby.com/articles

[Trevor]

In the meantime, to set the form fields horizontally, you need to use 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;}

[Trevor]

To set the form fields horizontally, you need to use 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;}

[Anonymous]

Thank you, got it! And how do I get the filters to go horizontal?

Appreciate your help

[Anonymous]

Hi,
I’m not particularly versed in code, so I’m having a some difficulty getting a search form I’ve created to work. I have a WordPress theme (BeTheme) and have installed the search plugin correctly. I need to create a horizontal portfolio filter that allows a user to select a single option from multiple categories. The website is: https://www.imaginarycity.org and it’s this page of portfolio items I would like to create a search for – ideally, I’d like to swap the category search (the only one is “All” at the moment) with a custom one I create. I installed a “Custom Post Type UI” plugin that allows me to create multiple taxonomies, and created a search form that drew on each of those taxonomies, but I can’t get the search to function – no results display. I hope you can offer me some assistance – I’m sorry I’m not clearer in my help request.

[Trevor]

The display of results is typically handled by the theme (or page builder plugin) templates, unless you are using the shortcode method (which only displays the results singly per row).

To set the form fields horizontally, you need to use 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;}

[Anonymous]

Hi. I would like to make a simple display of this filter.

I just want an horizontal list with the categories and the result after that, in 3 columns.

Like this : https://www.bonsbaisersdetaghazout.com/eshop/