Search and filtres displayed horizontaly

Anonymous

#42996

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

Trevor

#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

#43009

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

Trevor

#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

#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

#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

#43908

Sorry this is the correct link

Trevor

#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