how to get the results into two columns layout with divi

Anonymous

#195008

hi!
i use the divi-theme and i´m currently styling the css of the search & filter pro. i´m not a pro in css…can you show me a way, how to get the results into a two or three columns layout?

here is the link of my peage http://alpoh.dev-inmotto.de/unternehmen/

for example, i find this very nice https://www.das-kommt-aus-bielefeld.de/produkte-dienstleistungen.html

thank you very much!

Trevor

#195011

This reply has been marked as private.

Anonymous

#195013

This reply has been marked as private.

Trevor

#195015

This reply has been marked as private.

Trevor

#195025

These are NEW INSTRUCTIONS for using SEARCH & FILTER PRO with DIVI theme. This guidance replaces previous methods.

1. You must be using the LATEST version (3.x.x) of Divi (earlier versions of Divi are coded differently). Please upgrade Divi before using the method described below (make a full site backup first).
2. You must be using a fixed page (a page made in the WordPress Pages panel) for the form and results. You need to save this page and copy the URL for use in the form.
3. Install and activate the Search & Filter Pro plugin.
4. Download, install and activate the Search & Filter Divi Extension plugin, from here:

https://drive.google.com/file/d/10TMHOcRmxg0BeVSP0wI7MTaohjmQlUcj/view?usp=sharing

Screenshot: https://www.screencast.com/t/l6xZSvAzjc9V

5. Make a Search & Filter form (follow our documentation on generally setting this up) and on the Display Results tab set the method to Divi Blog / Portfolio Module setting:

Screenshot: https://www.screencast.com/t/EVsurpBlFM

In the Results URL setting field, insert the FULL URL of the page you made for the search. Save the form.

6. Insert a Search & Filter Form module on to the page and a Blog (or Portfolio – you can use either) module below it:

Screenshot: https://www.screencast.com/t/lrLuu9DoxN

In the form module select the form to use. In the Blog or Portfolio module settings, set Link with a Search & Filter Form? to Yes and select the form to use:

Screenshot: https://www.screencast.com/t/yUPnmjO9wR

And on the Design tab, select Fullwidth or Grid, according to your needs:

Screenshot: https://www.screencast.com/t/0YWPNydRqQR

7. Save the page.

It should all now work together!

[Author]

Posts