Forums › Forums › Search & Filter Pro › Place ul's side-by-side for searches with multiple fields

Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Anonymous
    (Private)  October 30, 2016 at 2:57 am #67194

    Hello.

    How can I place the the fields side by side when I have multiple fields?

    • A
    • B
    • C
    • D

    Field 1 Field 2
    A C
    B D

    Thanks!

    Trevor
    (Private)  October 30, 2016 at 9:06 am #67205

    Using custom css, targeting the selectors for the elements you want to do this to, and using display: inline; and left or right margins to space them. If I could see the actual form (live) then I could advise better.

    Anonymous
    (Private)  November 2, 2016 at 12:13 am #67710

    I’ve tried playing around with the CSS selectors but I cannot get the uls to line up in columns without all the lis displaying inline. If you could let me know the relevant CSS selector for what I want to do it would be much appreciated. Thanks! Example below:

    http://www.furthereast.com/uncategorized/sf-test/

    Trevor
    (Private)  November 2, 2016 at 9:04 am #67737

    Hi, Are you able to take a screenshot and then using something like photoshop to make it look as you want and let me have sight of that?

    Anonymous
    (Private)  November 2, 2016 at 9:11 am #67743

    Sure. The link now includes a (crude) screenshot below.

    http://www.furthereast.com/uncategorized/sf-test/

    Thanks.

    Trevor
    (Private)  November 2, 2016 at 11:21 am #68079

    Ah. OK, you need greater specificty in the selectors, like this:

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

    The > means only direct parent to child and so stops ul’s and li’s further inside being affected.

    Anonymous
    (Private)  November 2, 2016 at 12:40 pm #68112

    Perfect! Thank you once again for the prompt and helpful reply!

    Trevor
    (Private)  November 2, 2016 at 12:44 pm #68114
    This reply has been marked as private.
  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)