Forums › Forums › Search & Filter Pro › Horizontal filters and Masonry grid results display w/ Shortcodes

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Anonymous
    (Private)  April 20, 2017 at 9:03 am #103973

    Is it possible to have the filters displaying horizontally and have a masonry grid layout for the search results using shortcodes?

    Many thanks for your help on this

    Trevor
    (Private)  April 20, 2017 at 9:53 am #103988

    The answer to the Masonry question is rather dependent on your theme (Tesseract, yes?). Are you using Beaver Builder to make the grid and does that use Masonry?

    To make the filters go horizontal, you would need to use Custom CSS, like this maybe?

    .searchandfilter > ul > li {
  display: inline-block;
  margin-right: 20px;
  float: left;
}
.searchandfilter > ul > li:last-child {
  margin-right: 0;
}
.search-filter-results {clear: both;}
    Anonymous
    (Private)  April 20, 2017 at 10:02 am #103990
    This reply has been marked as private.
    Trevor
    (Private)  April 20, 2017 at 10:15 am #103999

    Hi

    Are you able to build a test page in the theme, that has the search form on it, and a normal grid (not filtered) with the posts that you want and using Masonry?

    However, before you do that, if SO uses Masonry, you will need to get from them how to re-trigger the masonry on an Ajax call. Without that, it cannot work. If SO does not uses Masonry, then that is a different proposition.

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