Horizontal filters and Masonry grid results display w/ Shortcodes

Anonymous

#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

#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

#103990

This reply has been marked as private.

Trevor

#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