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

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Anonymous
    #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
    #49300

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

    Anonymous
    #49405

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

    Trevor
    #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
    #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

Viewing 5 posts - 1 through 5 (of 5 total)