Forums › Forums › Search & Filter Pro › Center search results horizontally

Viewing 6 posts - 1 through 6 (of 6 total)
  • Anonymous
    (Private)  May 18, 2020 at 5:56 pm #244595

    Hi, everybody.

    I was wondering if you could help me out with some CSS tricks to get this.

    I have put the S&F pro shortchode in horizontal as indicated in the documentation. With this CSS:

    .searchandfilter[data-sf-form-id=”1428″] > ul > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    }

    But, my search engine has several fields, and sometimes it falls on a second line. This second line is always aligned to the left, and I would like to put it in the middle.

    I’ve made a masterpiece of art with Paint that I think is better explained. https://ibb.co/mRWTB01

    I don’t know much about CSS, and it’s probably very easy, but I haven’t managed to do it.

    Thanks in advance!

    Translated with http://www.DeepL.com/Translator (free version)

    Trevor
    (Private)  May 18, 2020 at 7:20 pm #244656
    This reply has been marked as private.
    Anonymous
    (Private)  May 19, 2020 at 12:12 pm #244855
    This reply has been marked as private.
    Trevor
    (Private)  May 19, 2020 at 4:44 pm #244933

    Try this:

    .searchandfilter > ul {
  text-align: center;
}
    Anonymous
    (Private)  May 20, 2020 at 9:07 am #245042

    It’s works perfectly!!

    Thank you very much Trevor!

    Trevor
    (Private)  May 20, 2020 at 9:12 am #245046

    Thanks for letting me know. I will close this thread for now.

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