← Back to Search & Filter

Displaying form horizontally

Posted

by

Forums › Forums › Search & Filter Pro › Displaying form horizontally

Tagged: ,

Viewing 6 posts – 1 through 6 (of 6 total)
  • Anonymous
    (Private)  March 13, 2016 at 4:58 pm #39313

    Hi, I was wondering how to switch (using short code for the form on a page in a code box) from displaying vertically to displaying horizontally.

    Thanks!

    Anonymous
    (Private)  March 14, 2016 at 8:13 am #39350

    I have same question. want to lay it out like airbnb.com. if you know, please reply here. thanks.

    Anonymous
    (Private)  March 14, 2016 at 8:14 am #39351

    my guess is that you change css to inline or inline-block. but i don’t know what to do with that submit button. it just doesn’t change and stay below.

    Anonymous
    (Private)  March 14, 2016 at 10:30 am #39357

    hi, mine is working out:

    li.sf-field-taxonomy-model{display: inline-block !important}
    li.sf-field-taxonomy-exterior-color{display: inline-block !important}
    li.sf-field-submit{display: inline-block !important}

    Anonymous
    (Private)  March 14, 2016 at 10:31 am #39358

    p.s. model and exterior-color is my taxonomy name. so you need to replace it with yours.

    Ross Moderator
    (Private)  March 14, 2016 at 2:13 pm #39386

    I’ve just updated this ticket with the instructions:

    https://support.searchandfilter.com/forums/topic/how-to-make-submit-button-inline/#post-39384

    You might need to add !important rules to the CSS.

    Thanks

  • Author
    Posts
Viewing 6 posts – 1 through 6 (of 6 total)
Search & Filter Support
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

We also use cookies to store items in your cart as well as allowing your to login on the site.

You can adjust all of your cookie settings by navigating the tabs on the left hand side.

By continuing to use this site, you also agree to our Privacy Policy.