Search Results for 'horizontal'

[Trevor]

You would need to create custom css for your theme to do this. Search for the term
horizontal in the forum will get some examples and ideas.

[Trevor]

If you just search the forum for the word horizontal you will find custom css examples I and others have given.

[Anonymous]

I am copying the following to my child theme stylesheet as I want search fields to appear horizontally, however there is no change.

.searchandfilter[data-sf-form-id=”2374″]
{
display: inline !important;
font-size: 100px !important;
}

I’ve also tried

.searchandfilter p
{
display: inline !important;
font-size: 100px !important;
}

Can you please advise?

Thank you.

[Anonymous]

Ah, OK. I guess I will try to implement the Pro Version then. Will I be able to set it up with the horizontal layout, and can I use a shortcode to implement the search on whichever page I’d like? I have a couple of different searches I’d like to implement – one for events, one for posts (distinctly different searches). Thank you for your help.

[Trevor]

Hi Brentan

If you have taxonomy terms in the core category/tags taxonomy that requires two form fields to filter as you want, then your site data is not structured correctly. You need to add one or more custom taxonomies, and/or use custom posts, and/or use custom fields (meta data). Using the free plugins CPT UI (Custom Post Type UI) and ACF (Advanced Custom Fields) you can add this structure. and then you can add unique form fields to filter the data.

As to Horizontal, you need custom css. If you theme has no way to add this, then you can use a plugin like Simple Custom CSS. A quick search in the forum for the word horizontal reveals solutions you might try:

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

[Anonymous]

Thanks for your reply. This is slowly starting to make sense.

I’m recreating the page as a series of movie blog posts to utilize the tag indexing.

I want to index three things and have three dropdowns for them. I am currently specifying the three criteria as tags in the post, and would like to include and exclude results with specific tags three times, once for each of the three indexes. I then created a search form and added the three tag fields to the search form UI and named them for the three things I want to index.

This whole plan was going so well until I realized that in the tax, categories and taxonomies tab it appears I can only specify the tags once, and then those specifications pertain to all Tag fields in the search form. Am I understanding this correctly, or is there a way to include and exclude different tags for each of the three tag fields in the search form?

I can also utilize the category field, but that only gives me two of the three indexing options I’m looking for (tags and categories). Is there another post index I can use to get what I’m trying to achieve?

LAST QUESTION! How can I make the search form as a horizontal menu?

[Anonymous]

Thank you I found this thread https://support.searchandfilter.com/forums/topic/sf-horizontal-the-final-solution/ which helped a lot but the problem I am coming across right now is getting the check boxes to line up in 3 columns in a row like in the photo above. here is the css I am using .

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

.searchandfilter[data-sf-form-id=”116014″] input.default {
border-color: rgba(0,0,0,0.3);
outline: 1;
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=”116014″] li.sf-field-category {
width: 30% !important;
}

.searchandfilter[data-sf-form-id=”116014″] select.sf-input-select {
width: 100%;
}
`

[Anonymous]

Yes, I can see now that the horizontal display works that the settings can’t be right. The horizontal display form now shows that only some categories are picked up by the form even though in my settings, I have selected many more.

Sending you login details in a private message.

[Trevor]

Once you are seeing the form working, the horizontal question is answered many times on the forum, like here:

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

CSS needs to be added to the site custom CSS.

[Trevor]

ah. 2 issues:

1. Make it horizontal.
2. make it work.

Yes?

For #2, I will need to have admin logins, which you can send by private reply.