Hey Phet,

Sorry, this is not possible because the masonry galleries use the WP paging logic and this is not bound to a gallery.

This is a known limitation.

Consider to use the “Load more” button feature.

Best regards,
Günter

Hi,

@christiemade

Thanks for feedback and glad it fixed your problem.

Together with the help of @edolmen we could localize a problem with minification plugin and wrong aligned background images.

We are working on a fix for this for the next update.

Best regards,
Günter

Hi,

Update: Above was for original homepage.

I created a new page (see below).

– After create not sure but I think it looked OK in frontend being logged in (except image adjustment)
– I updated the page
– Section is “missing” except button
– Open page not logged in – visible

Checking the HTML:

Logged in the HTML content is present but invisible – CSS files are different for non logged in users:

..siteground-optimizer……. for non logged in

The only idea for that would be (selectable with a theme option):

Add our CSS as inline
<style>...</style>
right before the element for logged in user and only create our post css files when the first non logged in user accesses the page.

Best regards,
Günter

Hi,

I cannot reproduce the problem on my server.

I copied the shortcode to my debug textarea, only changed the attachment id for the background image, and then saved it (as I did not open a modal popup this does not change anything – so the shortcodes are identical to those on your site).

Opening the page in frontend the image is correct.
I also activated YOAST, but this does not change anything – it renders correct.

My first idea was, that a shortcode setting (either a hidden one or a missing attribute) causes this. But I did not find any.

———-

I’ve just seen, that you updated your site to 4.8.6.

Inspecting the CSS for the image it shows:

background-position: 50% 0;

but our theme outputs:

background-position: center left;

Seems, that your minification plugin (or server) translates center to 50%, left to 0 not taking into account, that CSS interpretes this differently. If you change it in dev console to

background-position: 0 50%;

the image position is correct.

(See https://developer.mozilla.org/en-US/docs/Web/CSS/background-position)

As up to 4.8.3 this setting was inline in a style=”….” so it was not changed and worked.

Conclusion 1: This is something we have to change in our theme to become compatible (becomes high priority)

—-

Why it disappeared after saving (cannot reproduce either):

I do not want to change and save your original page – can you (or I) create a test page with the same content – simply copy the content of the debug window into the debug window of an empty page (ALB mode enabled) and save.

Thank you for your help.

Best regards,
Günter

Hey edolmen,

Thank you for the login.

I would need access to the underlying shortcode. As I cannot edit functions.php of the child theme, can you please add the following into this file:

add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug() 
{
return "debug";
}

This adds a textarea in backend where I see the shortcode and can copy it to my dev server to check, what is causing the problem.

Do not forget to make a backup of functions.php for a fallback.

Best regards,
Günter

Hi,

Thank you for pointing at this.

I added it to our dev repo – but at the moment I cannot provide a quick solution and no ETA for a possible implementation. There are too many things to take care of and this needs testing.

Did you check https://stackoverflow.com/questions/19837035/media-queries-check-min-height-and-min-width ?

Maybe this helps you to find a solution for your install.

Best regards,
Günter

Hi,

I recheched again.

ALB Image Element
Custom Element has “Lockable Custom CSS Class” my-locked-image and is set to locked
Child Element has “Custom CSS Class” my-image ( and my-locked-image in red border )

HTML output for image container div has following classes (both classes are included):

class="avia-image-container av-kp01nouk-24ebddcda538fba55c28445e767ecf49 av-styling- av-hover-grow avia_animated_image avia_animate_when_almost_visible av-rotateInUpLeft avia-align-center avia-builder-el-0 avia-builder-el-no-sibling my-image my-locked-image avia_start_animation avia_start_delayed_animation"

Can you please create a WP admin account for us so we can check it ?
And also specify steps how to reproduce please.

Best regards,
Günter

Hi,

Glad your problem is solved.

Enjoy the theme and have a great day. Feel free to come back when you need further assistance.
I will close this thread for now.

Best regards,
Günter

Hi,

Glad we could solve the problem.

Enjoy the theme and have a great day. Feel free to come back when you need further assistance.
I will close this thread for now.

Best regards,
Günter

Hi,

@Guenni007

$img_style was readded in 4.8.6 to fix problem with “Load More” and background images – probably that’s why we missed it.

I adjusted the CSS for large gaps in core (enfold\config-templatebuilder\avia-shortcodes\masonry_entries\masonry_entries.css) – good suggestion – as always. Thanks.

Best regards,
Günter

Hi,

This is the default styling for slideshows in enfold\config-templatebuilder\avia-shortcodes\slideshow\slideshow.css – first line:

.avia-slideshow{position: relative; margin:50px 0; width:100%; clear: both; overflow: hidden;}

Best regards,
Günter

Hey alexledesma,

Thank you for using Enfold – and sorry for the problems.

I fixed the warning – now your homepage seems to work correctly. Can you check please.

If you need the updated file:

https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_4_8_6/shortcodes/av-helper-masonry.php

Will be fixed in next update.

Best regards,
Günter

Hi,

Seems that this thread got mixed up a bit. I answered before:

Problem seems to be related to WPML not translating the images correctly when using the ajax callback load more button.

Have you already tried to open a ticket at WPML?

If not, please do so and add the info above.

Additional info for WPML:

enfold\config-templatebuilder\avia-shortcodes\av-helper-masonry.php function query_entries_by_id()
enfold\config-templatebuilder\avia-shortcodes\masonry_gallery\masonry_gallery.php function ajax_load_more()

Best regards
Günter

Best regards,
Günter

Hi,

Did you already try to contact WPML support?
This problem seems to be WPML related with the import.

Best regards,
Günter

Hi,

Sorry for the problems.

Reason was, that the selector was too weak in our post css file.

I already

– updated enfold\config-templatebuilder\avia-shortcodes\hr\hr.php,
– removed the CSS in QuickCSS,
– saved theme options
– cleared server cache

On Homepage now the CSS is correct and your margin settings are applied (I only checked the first one below easy slider).

In case you need the updated file:

https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_4_8_6/shortcodes/hr.php

Best regards,
Günter