Forums Forums Search Search Results for 'filter style'

Viewing 10 results - 41 through 50 (of 496 total)
  • Author
    Search Results
  • #261775

    Trevor
    Participant

    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.

    #261111

    Trevor
    Participant

    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/

    #261043

    Trevor
    Participant

    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?

    #261027

    Trevor
    Participant

    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!

    #260917

    Anonymous
    Inactive

    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!!

    #260887

    Anonymous
    Inactive

    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. 🙂

    #260851

    Anonymous
    Inactive

    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;>

    #260477

    Anonymous
    Inactive

    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.

    ThanksCSS Search & filter buttons

    #260451

    Anonymous
    Inactive

    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!

    #260366

    Anonymous
    Inactive

    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!

Viewing 10 results - 41 through 50 (of 496 total)