Template also for the search

Anonymous

#239529

Is it possible to use a template for the search module as well as for the results? Creating an appealing search module with many filter options using CSS is almost impossible.

Trevor

#239536

This reply has been marked as private.

Anonymous

#239540

This reply has been marked as private.

Trevor

#239656

I might have used this CSS:

.searchandfilter[data-sf-form-id="289"] {
    display: table;
    margin: 0 auto
}
.searchandfilter[data-sf-form-id="289"] > ul {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    width: 100%;
}
.searchandfilter[data-sf-form-id="289"] > ul > li {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside:avoid;
  -moz-page-break-inside:avoid;
  page-break-inside: avoid;
}
.elementor-widget-container .searchandfilter[data-sf-form-id="289"] ul li {
  margin-bottom: 0;
}

To avoid the use of absolute, left and top in your css. Also, this should be restricted using a media query to desktop screen widths.

In V3 (due soon), we will allow you to place individual fields within your theme or page builder blocks or templates.

Please note that we are now into an extended public holiday weekend (Friday to Monday inclusive) here in the UK. We may be working for some of this period, but replies may be delayed at times.

Anonymous

#239658

A great tip, thx.

“In V3 (due soon), we will allow you to place individual fields within your theme or page builder blocks or templates.”

This sounds awesome!

Trevor

#239660

V3 will indeed be awesome 🙂

Is it OK to close this thread for now?

Anonymous

#239662

Yes, also because there is no other developer-friendly solution like searchandfilter. Thanks for the great support.

Yes, you can close.

[Author]

Posts