Displaying form horizontally

Anonymous

#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

#39350

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

Anonymous

#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

#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

#39358

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

Ross Moderator

#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