Forums › Forums › Search & Filter Pro › Horizontal search

Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Anonymous
    (Private)  January 7, 2015 at 3:20 pm #9894

    Hi there,

    Just purchased your plugin and it works perfectly.
    I do have a question regarding the styling.

    How can I make my search form UI list horizontal instead
    of the standard vertical?

    Awaiting for your respons.

    Kind regards,
    Boaz van der Zeep

    Anonymous
    (Private)  January 7, 2015 at 5:42 pm #9899

    I was just about to ask the same question… I know the answer is “using CSS” but it is not the easiest CSS job…

    could somebody please post some guidelines for that?

    thanks

    Anonymous
    (Private)  January 7, 2015 at 5:50 pm #9900

    just found the answer: https://support.searchandfilter.com/forums/topic/horizontal-layout/

    thanks

    Ross Moderator
    (Private)  January 7, 2015 at 10:27 pm #9912

    Thanks Shirley

    Hey Boaz, does the link above answer your question?

    Thanks

    Anonymous
    (Private)  January 8, 2015 at 9:47 am #9928

    Thanx Shirley!

    Does a search form have a unique ID?
    Because I would like the search form on my homepage to be vertical
    and on my blog page horizontal?
    Any idea on how to achieve this?

    Kind regards,
    Boaz

    Ross Moderator
    (Private)  January 8, 2015 at 1:22 pm #9932

    Hey Boaz

    There are two ways to do it…

    Normally your homepage would have a class on it – .home

    So you could style Search forms on your homepage like:

    .home .searchandfilter
{
    border:1px solid #f00;
}

    Alternatively you could target them individually using attributes:

    .searchandfilter[data-sf-form-id='12']
{
    border:1px solid #f00;
}

    Where 12 is the ID of your form

    I will be adding a proper ID attribute to the forms in the next release.

    Thanks

    Anonymous
    (Private)  January 8, 2015 at 3:07 pm #9942

    Thnx for the reply!
    Fixed it with the first method.

    Adding a proper ID attribute in the next update would be nice!

    Kind regards,
    Boaz

    Ross Moderator
    (Private)  January 10, 2015 at 4:50 pm #10081

    Just emailed you an update with this added in 🙂

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