Hi Brent, apologies for the delay.
The form yes. The grid below depends on your theme and/or the Display Result method you are going to use. If you have not made a choice of theme yet, you may wish to discuss this first.
The form can be made horizontal with Custom CSS. This post shows a typical sample (but the preceding .fusion-column-wrapper parts are for that user’s theme (from the body tag of the page):
https://support.searchandfilter.com/forums/topic/how-do-i-custom-design-my-search-form/#post-91725
AnonymousInactive
IT WORKS!!!
Thank you so much! I edited some old links I had put in the widgets and forgot about when I changed the site to https.
Now the search is really perfect! Thanks a million!
If I may bother you again, I’m trying to edit the layout, now that the content is fine.
I’ve tried placing the results in a grid, but since I’m not familiar with php, I’ve tried with a plugin (Post Grid).
It actually looks very nice (https://www.fanheart3.com/allthesefeelings/), but unfortunately the grid appears only below the search form, when no search is made yet, and when I make a search the grid disappears and I have the same standard post layout.
To make the plugin work, I edited the results.php page of search and filter with the code the plugin gave me after I selected all the options: echo do_shortcode(“[post_grid id=’4505′]”); ?>
Of course if this is not the best way to make grid laoyout with search and filter, I can surely remove the plugin and I’ll follow your instructions.
Secondly, I’d like to have all the taxonomies displayed horizontally (as you can see we have many and the users need to scroll down a lot), possibly in ordered rows with the checkboxes all lined one below the other, if it’s possible.
I’ve tried searching the forum for similar posts, and I’ve tried using this method: https://support.searchandfilter.com/forums/topic/horizontal-layout/ but it didn’t work…
Could you please help me once again?
Thank you!
AnonymousInactive
Per recommendation, I have searched for the Custom CSS code to make Search & Filter bar horizontal. I have the Pro version, inserting the code in Simple Custom CSS plugin, and am working with The7 theme. I have tried all codes relevant to that search to no avail (and yes, I have been updating the form id).
Any help will be appreciated.
Hi. It is highly dependent on your theme and what field/buttons you have, but if you search this forum for the key phrase:
horizontal custom css
You will find what you most likely need.
AnonymousInactive
Hi
Can you help me a bit with the css to display the search bar horizontally?
1. Are you using the Shortcode results method? Are you using a premium them, and if so, does it have Visual Composer?
2. This will require Custom CSS. There are many code snippets here in the forum, if you search for the key term horizontal you will find these. If you are able to show me the form as you have it, and an idea of what it should look like, I can help with that.
AnonymousInactive
Thank you,
That was a long list and property type was way down. All seems to be working nicely now.
Couple of other things:
1. Do you have a basic 3 column template I could use for the results page? I assumed there would be some layout options in the settings.
2. In my pre-sale questions I enquired about laying out the search options horizontally. Could you explain how this can be achieved please.
Kind Regards,
Martyn
To make the fields wider, the label containing them must have max-width: 100%, and then the inputs themselves need to be width: 100%.
The radio buttons cannot be horizontal as the style currently is set, because each element has only 25% of the content width.
AnonymousInactive
Thanks Trevor. It works nicely although not the perfect layout we hope but at least it is horizontal now. We will amend ourselves for the final layout.
