Search Results for 'Elementor'

[Trevor]

Hi

I was looking at the site just now, and suddenly it now requires a login? From what I saw before this happened, the Ajax Container did not match the one suggested in our documentation here:

https://searchandfilter.com/documentation/3rd-party/elementor/

[Anonymous]

Hi,

I have categorized all my PDF files in my site and want them to appear in the search results. It does appear, but I want to customize the way the results look on the page. I am using the shortcode method to display the search results and I use elementor page builder to build my pages.

I want the results to have lesser spacing between them, or even appear vertically in the page. I dont have any idea of coding, so can use help to customize my results page.

[Trevor]

For Elementor, did you follow this guide?

https://searchandfilter.com/documentation/3rd-party/elementor/

[Anonymous]

Hi,

When I use just shortcodes it works as expected but I don’t want the preset layout for the results. I’ve tried using elementor grid elements and post-grid. They almost work great. When a query is done the results show up properly but the form disapears. If i refresh the page the form comes back.

[Anonymous]

Also, I deactivated all plugins at https://geo.biz2web.by/shop/
No more cache, elementor page builder, etc. NOTHING!

Only Search & Filter Pro Version 2.4.5
and
WooCommerce Version 3.4.5

Same results, price range filter not working!

[Trevor]

Yes, I think Elementor also allows you to add your own custom CSS classes to various parts. All you need to do is figure which part puts those classes where in the output code.

[Trevor]

If you look at the css I used, it has two numbers in it the Elementor places on its elements to identify them. They will change from page to page. You will need to examine the page code in the browser inspector to see what and where they are on the page that works, and then work out what they changed to on the page that does not.

[Trevor]

OK. I added a plugin called Simple Custom CSS and JS

I made the CSS to this:

body.sfajax .elementor-336 .elementor-element.elementor-element-e34e354 .elementor-posts-container .elementor-post__thumbnail {
  padding-bottom: 0 !important;
}

And then I added some JS to add the sfajax class to the body once a search had been started:

(function ( $ ) {
  "use strict";
  $(document).on("sf:ajaxstart", ".searchandfilter", function(){
    jQuery("body").addClass("sfajax");
  });
}(jQuery));

[Trevor]

If we did not use that CSS I gave you, this ONLY happens after an Ajax refresh of the results?

If so, some custom javascript could be used to apply the CSS, in theory like this:

<script type="text/javascript">(function ( $ ) {
  "use strict";
  $(document).on("sf:ajaxfinish", ".searchandfilter", function(){
    console.log("ajax complete");

    $('.elementor-336 .elementor-element.elementor-element-e34e354 .elementor-posts-container .elementor-post__thumbnail').css('padding-bottom','0 none !important');

  });
}(jQuery));</script>

I am not sure if, when doing it this way, it needs the !important. If you have no means to add javascript to a page, the simplest is a text widget and paste it in there.

[Trevor]

Hi

Can you try adding this to your theme’s custom CSS:

.elementor-336 .elementor-element.elementor-element-e34e354 .elementor-posts-container .elementor-post__thumbnail {
  padding-bottom: 0 !important;
}