If Select2 is correctly being applied to the select fields, can you inspect that to see what CSS IS being applied, and from where?
My suspicion is that it may be our CSS file, which by default has the Select2 CSS for our plugin already included. You might need to dequeue our CSS file and make your own CSS file to load that excludes the Select2 (and Chosen I would suggest) classes.
This thread discusses the dequeuing:
https://support.searchandfilter.com/forums/topic/how-to-manually-add-styles-and-js/
But you would have to enqueue our general JavaScript file as well.
Yes, but it would require custom CSS, depending on what you need. If you are using select dropdown fields, I would suggest using comboboxes.
You may need to make some changes.
Go to wp-admin
-> Search & Filter
-> Settings
-> Combobox Script
Change this from Chosen
to Select2
– we’re dropping support for Chosen in v3, because it has too many issues on mobile.
Next, in the form field settings, select the combobox option for each.
There is an alternate way of doing this, but this is the easiest. Now you can style the resulting select as it is not a select!
You may you may need to hire a third party coder to help you. This search will give some code snippets to help that coder:
https://support.searchandfilter.com/forums/search/data-sf-form-id+.searchandfilter/
To answer them in turn:
#1 No
#2 Both
#3 Our plugin does not affect the style of the Divi Blog grid, so that should not be an issue.
Note that, when using this integration method, it needs to be used on a real page in WordPress, not an archives page.
I do not support the free version, but I would have guessed that it should be something like:
[searchandfilter empty_search_url="http://mysite.com/blog/"]
This option was added at v1.2.11, so I assume you have that or later installed?
Our plugin needs for the form to use certain HTML structure, so what you are trying is unlikely to work.
Instead, use Select2 to make the select boxes. You may need to make some changes.
Go to wp-admin
-> Search & Filter
-> Settings
-> Combobox Script
Change this from Chosen
to Select2
– we’re dropping support for Chosen in v3, because it has too many issues on mobile.
Next, in the form field settings, select the combobox option for each.
There is an alternate way of doing this, but this is the easiest. Now you can style the resulting select as it is not a select!
AnonymousInactive
Hi Trevor,
I’m about to transition from Search and Filter (free plug-in) to Search and Filter Pro.
The reason we’re upgrading is because with Search & Filter, the search was returning Pages as well as Posts, and I didn’t know how to fix that. Also, with no search parameters selected, if you clicked the Search button,things went wonky. S&F Pro seems to have fixed those issues.
So I have some basic questions…for a WordPress site running Divi 4:
1. Do I need to deactivate or delete Search and Filter before I install Search and Filter Pro?
2. Do I install BOTH Search and Filter Pro AND the Divi S&F Pro Extension, or only the Divi S&F Pro Extension?
3. Will all those lines of CSS I wrote to style the Divi Blog Module (Grid format) still work?
Thanks!!
AnonymousInactive
And one more thing: the search form disappears from top of the page after the results show.
See: https://www.imschneidersitz.at/videos-fuer-dich-2/?_sfm_style=Meditation
This means it is not possible to filter any forther. But Ajax works this time. 🙂
AnonymousInactive
I also found out that the grid items do not show up after filtering on mobile devices on all pages with search and filter forms. I checked the the pages in Firefox Developer tools and this div has no height and width:
<div class="vc_gitem-zone vc_gitem-zone-a vc-gitem-zone-height-mode-auto vc-gitem-zone-height-mode-auto-1-1 vc_gitem-is-link" style="background-image: url('https://sunrentals.k-dushi.com/wp-content/uploads/2020/09/DJI_0223C1.jpg') !important;>
AnonymousInactive
Hi
I bought the pro version which works fine.
However it has little old-school style.
Is it possible to make it look like the images i have provided with the request?
Also want the number of posts to show in the buttons.
Thanks
AnonymousInactive
hi,
saw that you have this previous post on thrive architect integration:
https://support.searchandfilter.com/forums/topic/style-results-page-with-thrive-architect/
is the code that you posted able to let me edit the page as if i were using thrive architect as well? thrive architect lets me customize the look of each post listing on the post grid with ACF info and that is what I am looking for: to be able to totally customize the info shown per post on a post grid with acf info.
thanks!
AnonymousInactive
And this also doen’t work:
<script>(function ( $ ) {
"use strict";
$(document).on("sf:ajaxformstart", ".searchandfilter", function(){
elem.style.display = 'none';
});
$(document).on("sf:ajaxformfinish", ".searchandfilter", function(){
elem.style.display = 'block';
});
}(jQuery));</script>
Like I said, I’m not really good at javascript… Sorry!