Bonjour François

You want the results in 3 columns?

Using the shortcode method you can modify the results.php template to your needs. You must first make a copy in your theme folder:

https://www.designsandcode.com/documentation/search-filter-pro/search-results/using-a-shortcode/#Customising_the_Results

If you have an example from your theme of an archives page that looks the same?

Not sure I’m understanding, but each field is wrapped in a list item (<li> tag) so you can use those to set up your columns via CSS.

Something like

.searchandfilter > ul > li {
float: left;
display: block;
width: 33.33%;
}

May get you started.

Bonjour François

Can you show me the actual page with the search form on?

And a mock up (image) of what you want it to look like (maybe using Photoshop)?

Ah, now I see what you want. Not very easy. You have 8 controls of different heights. It is possible to make them go in 3 columns across the page, but it may not look so nice.

The first thing to fix is to have the radio buttons next to the labels of the event_options. This custom css should do that:

.sf-field-post-meta-event_options label {display: inline !important;}

Then make them all about the same width:

.searchandfilter > ul > li {
  width: 33% !important;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}
.sf-field-post-meta-event_options input {width: auto !important;}
.searchandfilter ul {width: 100%;}
.searchandfilter ul > li input, .searchandfilter ul > li select {
  width: 100%;
}
.searchandfilter .meta-slider {max-width: 100% !important;}