Forums › Forums › Search & Filter Pro › Search and filtres displayed horizontaly

Viewing 8 posts - 1 through 8 (of 8 total)
  • Anonymous
    (Private)  April 17, 2016 at 12:42 pm #42996

    Dears,
    Is it possible to set filtres in horizontal box, not in verctical sidebar?
    Thanks
    Jan

    Trevor
    (Private)  April 17, 2016 at 5:18 pm #43007

    With some custom css, you can set the elements to either be floated to the left or to display: inline.

    I would need to see a live page to advise further.

    Anonymous
    (Private)  April 17, 2016 at 5:28 pm #43009

    For example here http://www.livit.cz/dodavatele/

    Trevor
    (Private)  April 17, 2016 at 5:57 pm #43010

    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
    (Private)  April 26, 2016 at 9:09 am #43905

    I’m trying to do the same thing with 3 fields: search field, tags and categories.

    I’ve noticed that the TAGS field has different CSS than the other fields. Borders etc are different.

    As for the size instead of using px I’ll go with % to be sure you always have it on one bar.

    And for other devices (smartphone/tablets) I’ll go back to 1 field per row.

    I’m working at it if I find a suitable solution I’ll post it here.

    Anyway that’s an option that a lot of people will love to have with S&F

    Anonymous
    (Private)  April 26, 2016 at 9:13 am #43907

    [IMG]http://i65.tinypic.com/2prtvky.png[/IMG]

    As you can see here TAGS field is different and the 3 blocks do not fill the entire width available

    Anonymous
    (Private)  April 26, 2016 at 9:14 am #43908

    Sorry this is the correct link

    Trevor
    (Private)  April 26, 2016 at 9:28 am #43910

    Can you open a new thread on this as the OP’s question had already been answered, and, as with the OP, I would need to see a live page to advise further. Screenshots are not sufficient.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)