Search Results for 'horizontal'

[Anonymous]

Hello,

I have three category options but they are stack instead of on one line horizontally. How can I make this happen?

Also I am looking into updating the category options to look like buttons that can be selected. I think if I can update the background and hide the checkboxes this would do the trick.

Any thoughts?

Thanks,
Brent

[Trevor]

Rather than the horizontal css that you have added, maybe this instead:

.searchandfilter ul>li>ul:not(.children) {
  column-count: 3;
}

[Anonymous]

Hi,

Do you have a basic guide to custom styling of the search fields/form i.e. spacing between fields, alignment (vertical, horizontal) etc?

Many thanks

[Ross]

Hi, the problem is you are using 2 search forms..

You cannot do that.

So right now, the results are connected to search form ID 4533, so this will work ok..

But DENSIDAD will not work, because it has different ID.

You need to put both the fields in the same search form, add headings, and style with CSS to make it horizontal – eg:
https://searchandfilter.com/documentation/getting-started/display-search-form/#making-your-search-form-horizontal

Thanks

[Trevor]

I just replied on this thread, so it might make sense to do these two together?

https://support.searchandfilter.com/forums/topic/display-horizontal-not-working/

I will need to see the page (live).

[Anonymous]

Hey there,
I just purchased the pliugin. I tried your custom css in both these 2 versions but it doesn’t work (also adding the !important attribute), any reason why?

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

.searchandfilter[data-sf-form-id=”9707″] > ul > li {
display: inline-block !important;
vertical-align: top;
padding: 0 20px;
}

This is the test page I built Test page

Thanks!

[Anonymous]

it works well thank you very much , but there is anyway to custom filter inputs layout like custom colors and make it horizontal instead Vertical

[Trevor]

Can you detail what you need, or show what you have so far and what is wrong?

The horizontal form code is shown here on this page:

https://searchandfilter.com/documentation/getting-started/display-search-form/

[Anonymous]

This is the page i want to put the search/filter function on (horizontally on top):

http://ba2018.wpengine.com/tvangssalg

It’s an archive page.

When i add it with shortcode, and use it to search, it just opens up a new window with the search results.

[Trevor]

I see all images being squashed. Looking at page 29.

The second image (Selflok Texwood Smooth #4100) is slightly squashed horizontally, as the original is not square (600×533), but the next image (Selflok Old Colonial Smooth #4098) is not squashed because it is square (600×600).

However, CSS to the rescue:

.gthumbnail img {
    object-fit: cover;
    object-position: center;
}

Should do it for most browsers.