Forums › Forums › Search & Filter Pro › Horizontal form – not working even after following instructions

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Anonymous
    (Private)  June 22, 2016 at 6:42 pm #49199

    Hi

    I too want the form to be horizontal and applied the css posted here: https://support.searchandfilter.com/forums/topic/sf-horizontal-the-final-solution/

    However, the form still appears vertical. What do I need to change in the css for it to work?

    http://fromthepoolside.com/advanced-search/

    Thanks

    Trevor
    (Private)  June 23, 2016 at 11:02 pm #49300

    Did you change the form id number from 2545 to 41629 (your form’s ID)?

    Anonymous
    (Private)  June 25, 2016 at 8:54 am #49405

    Yes, both in the search form shortcode and in the search results shortcode

    Trevor
    (Private)  June 25, 2016 at 9:16 am #49406

    Hi

    You would need to decide which bits need to be where, but this for example:

    .searchandfilter[data-sf-form-id="41629"] li.sf-field-category {
    width: 20% !important;
}

    Might become this:

    .searchandfilter[data-sf-form-id="41629"] li.sf-field-category {
    width: 20% !important;
    float: left;
    display: inline-block !important;
}

    and so on.

    Anonymous
    (Private)  June 25, 2016 at 9:25 am #49409

    Update: it now works (I hadn’t updated the form ID in all CSS lines) and I see that I have to adjust the various elements. There’s still something wrong with picking 2 results from the France category only but I’ll follow up on this in the other thread.

    Thanks, you can close this one

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