Horizontal form – not working even after following instructions

Stephanie Bonnet

#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

Add New Note to this Reply

Trevor Moderator

#49300

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

Add New Note to this Reply

Stephanie Bonnet

#49405

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

Add New Note to this Reply

Trevor Moderator

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

Add New Note to this Reply

Stephanie Bonnet

#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

Add New Note to this Reply

[Author]

Posts