Elementor Pro

Anonymous

#191929

This reply has been marked as private.

Anonymous

#192186

This reply has been marked as private.

Trevor

#192190

Is the ‘Styling Issues’ one using Masonry and the other one not? The difference is that a height is being reserved for the image/post and then being reduced to match the actual height needed.

Anonymous

#192192

Hi Trevor,

Both screenshots are not using masonry.

The first is when you initially load the page, the second is when you interact with S&F all the styling goes amiss.

Trevor

#192196

Are you still working on a localhost install?

I think this might be an issue similar to this one:

https://support.searchandfilter.com/forums/search/elementor/

(many of the posts are private, but the solution was given publicly, albeit that the elementor identifiers for the html objects may be different in your case.

The key post is this one:

https://support.searchandfilter.com/forums/topic/integrating-elementor-pro-with-search-and-filter-pro-3/page/3/#post-187641

(It was the final solution. The following posts were trying to help the user implement it).

Anonymous

#192202

I’am still on localhost at the moment, so can get you access easily if required.

I’ll check out that solution and let you know the outcome.

Trevor

#192206

OK, I will wait to hear back from you. The identifiers 336 and e34e354 will be the bits that change for your site.

Anonymous

#192224

Looking good thanks for the info.

Just in case anyone else stumbles across this issue, I achieved it by doing the following:

I added my custom css only to relevant page in elementor.

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

Then I created my own function and placed this in my child themes function.php and linked it to my custom js which I placed in the root.

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

Trevor

#192231

This reply has been marked as private.

[Author]

Posts