Search Results for 'horizontal'

[Trevor]

See these posts:

https://support.searchandfilter.com/forums/topic/search-and-filtres-displayed-horizontaly/

https://support.searchandfilter.com/forums/topic/sf-horizontal-the-final-solution/

[Anonymous]

Ok this is the final result with consistency:

.searchandfilter[data-sf-form-id="2545"] > ul > li {
	display:inline-block !important;
}

.searchandfilter[data-sf-form-id="2545"] li.sf-field-search {
  width: 40%;
  padding-right:10px !important;
}

.searchandfilter[data-sf-form-id="2545"] li.sf-field-tag {
  width: 40%;
  padding-right:10px !important;
}

/* format tag fields for consistency */
.searchandfilter[data-sf-form-id="2545"] .chosen-container-multi .chosen-choices {
    display: inline-block;
    height: 2.65em !important;
    margin-bottom: 0px;
    border: 1px solid #ddd;
    padding: 0 0.65em;
    font-size: 13px;
    line-height: normal;
    color: #555;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
} 

.searchandfilter[data-sf-form-id="2545"] .chosen-container.chosen-container-multi {
    width: 100% !important;
      margin-top: -5px !important;
}

.searchandfilter[data-sf-form-id="2545"] input.default {
border-color: rgba(0,0,0,0.3);
    outline: 0;
    outline: thin dotted \9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,0,0,0.2);
  -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s;
}

.searchandfilter[data-sf-form-id="2545"] li.sf-field-category {
    width: 20% !important;
}

.searchandfilter[data-sf-form-id="2545"] select.sf-input-select {
    width: 100%;
}

Hope can help a lot of people that are trying to have an horizontal view for S&F.

Now I just need to edit the @media CSS for smartphones and tablets.

[Trevor]

Initial look gives something like this as Custom CSS:

.searchandfilter ul li {
  display: inline-block !important;
  padding: 10px !important;
}

The issue with horizontal forms is the amount of room you have available, otherwise it wraps to a second row 🙁

[Anonymous]

Hello,

I`ve installed Search&Filter-Pro at this url: http://solucionestic.conetic.info/en/search-in-sustainability/

In the main area there is a search zone that combines several filters. On the right sidebar there are several small search areas to filter by various options.
In the filter “Search by axis” of the right, the full text of some options not see (eg 2.1.4, 2.1.5, ….).
I tried some changes css as “overflow-x: scroll” but do not work. I think there may be some restriction on JavaScript.
I would like put a horizontal scroll in the “select”, or that the “options” of the Select can be multiline. It’s possible?
I need to show the full text of Options of the Select field.

Thanks

[Trevor]

I am sorry, but I do not understand what you want. I am confused. You currently have this:

http://hga.bogordesain.com/cari-dokter/

And this screenshot shows what it looks like:

http://prntscr.com/a4aaod

and you want the result moved to where the red box is? Yes?

If you add the Custom CSS to the theme, this should make the results go horizontal. Did it not work?

[Anonymous]

this is my problem before, i want result like this http://dental-clinic.cmsmasters.net/horizontal/

i was purchas search filter pro, and installed on my wordpress with theme http://themeforest.net/item/medical-dentist-wordpress-theme-dental-clinic/13370233, but still broken position. i want like http://dental-clinic.cmsmasters.net/horizontal/ for result page of search filter pro.

this is my gist https://gist.github.com/nakamuraagatha/6ec51805f7a638758535

i was custom on result.php and original template result of theme profilepagehorizontal.php

any help this?

[Trevor]

This issue is caused by a horizontal rule being added between each post. If you have no way to remove it, this custom CSS will do it:

.search-filter-results hr {display: none;}

Do you also want the images in circles?

[Anonymous]

still not yet bro. how for do horizontal result

[Anonymous]

Okay so it is now displaying my products twice, I need to ad a plug in that will, have a horizontal scroll gallery. It is also still not displaying my project tags, like; Blue, and Neutral.

[Anonymous]

Hi Ross,
hope you’re doing well.

As usual your plugin is kicking ass no issues with it. Also now making a new horizontal layout.

My question: we have an event post type that is included in our search. I would like (just for the events type) the search plugin not to show results (posts) older than the current date.

There’s a bit of code you can advise me to use for this?

thanks