Forums › Forums › Search & Filter Pro › Have the filter form going across horizontally on the blog index page vs widget

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Trevor
    (Private)  March 5, 2019 at 10:27 am #203930

    You always want it to be horizontal?

    If so, the form is in a widget in the sidebar, so you need to find a way to place it at the top of your header in your theme. And then use CSS such as that here:

    https://searchandfilter.com/documentation/getting-started/display-search-form/#making-your-search-form-horizontal

    Anonymous
    (Private)  March 6, 2019 at 11:31 pm #204162

    HI trevor,
    I added the code but it makes the search box float higher then the other 2 fields. Ideally i would want all three (2 dropdowns and search box) to align at the bottom
    best
    designbabe

    Trevor
    (Private)  March 7, 2019 at 6:43 am #204179

    I could probably give you some CSS to correct that, but I would need to be able to see it live so I can use the browser developer tools inspector to do this. The link you gave still shows a vertical form?

    Anonymous
    (Private)  March 9, 2019 at 7:47 am #204519

    Hi trevor,
    I don’t have staging area on that site and I don’t want mess up and have the live blog not aligned. So i copied on to this site ‘s staging which is the exact same theme, can you give me the css by looking at this page
    http://concretesensor.staging.wpengine.com/learn/
    thanks
    designbabe

    Trevor
    (Private)  March 11, 2019 at 11:43 am #204608

    You could try this custom CSS:

    .searchandfilter .sf-field-search input {
  height: 2.65em;
}
.searchandfilter .sf-field-search label:before {
  content: "";
  padding: 1em;
  display: block;
}
    Anonymous
    (Private)  March 11, 2019 at 3:47 pm #204687

    thanks that worked!

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