Search Results for 'horizontal'

[Anonymous]

Hi, I was wondering how to switch (using short code for the form on a page in a code box) from displaying vertically to displaying horizontally.

Thanks!

[Anonymous]

this is my result

http://prntscr.com/a4aaod

i want horizontal

like http://dental-clinic.cmsmasters.net/horizontal/

[Ross]

To use the template from your theme, you must follow the “archive” setup instructions:

https://www.designsandcode.com/documentation/search-filter-pro/search-results/as-an-archive/

Then choose the filename profilepagehorizontal.php

Or you can try like you have to customise the result.php, but this is out of scope of support I’m afraid.

Maybe we can try with archive method and see if that works better.

Thanks

[Anonymous]

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?

[Anonymous]

Hey, i got it to work, in the Display Results i set it to index.php as the template and it seems to work now. Now there is a problem where it doesnt load correctly, it loads in a horizontal line! haha, can you help out with THIS issue too? I would love you forever! ha

[Ross]

Hey Vinod

Please try to add the CSS from the following thread to your theme:

https://support.searchandfilter.com/forums/topic/horizontal-layout/

Thanks

[Ross]

Take a look at the suggestions here:

https://support.searchandfilter.com/forums/topic/horizontal-layout/

Thanks

[Anonymous]

Is there a way to get the fields to be side by side instead of stacked ?

[Ross]

Hi Luca

In order to style your search form you must have some basic CSS knowledge.

Please see here the notes on how to customise:

http://www.designsandcode.com/documentation/search-filter-pro/getting-started/display-search-form/#Styling_Your_Search_Form

What you are asking for is something very specific to your site, and would require some custom coding.

I’ll give you a pointer though however, depending on your theme this may still not work – if you look at hte code you will notice the search field list item has a class for easy styling,

So the following CSS should convert S&F to a horizontal layout (depending on your theme) but then sets the search field to display block ,which means it will be on its own line.

.searchandfilter > ul > li
{
    display:inline-block;
}

.searchandfilter > ul > li.sf-field-search
{
    display:block;
}

Like I mentioned, this may not work in your setup – but its a good starting point.

Thanks

PS, please also ensure you are using S&F 2.0.2 (released 2 days ago).

[Ross]

Hi Marsha

Have you tried the things in this post?

https://support.searchandfilter.com/forums/topic/horizontal-layout/

Thanks