Hi,

Would you mind providing access to the file server so that we could test this properly? Please post the login details in the private field.

Thank you for your patience.

Best regards,
Ismael

Hi,

Thank you for the update.

Yes, please post the login details in the private field so that we could test the site properly.

You may also want to try and update the avia_extended_pagination_link function as recommended in this thread.

// https://kriesi.at/support/topic/enfold-blog-posts-and-magazine-navigation-link-to-previous-page-not-working/#post-1264664

Best regards,
Ismael

Hey DC94,

Thank you for the inquiry.

You may need to set the slide’s Styling > Video Settings > Video Display to the second option so that the video stretches and covers the whole slider area. And for some reason, the header shrinks even though we have not scrolled yet, making the logo smaller. Did you modify any of the script?

Best regards,
Ismael

Hey Suze,

Thank you for the inquiry.

It seems to be a conflict with the smooth scroll function from the theme. Try to add the no-scroll class name to the button to prevent the page from scrolling when it the button is clicked. The link or button markup should look like this.

<a href="#popmake-117" style="cursor: pointer;" class="avia-button no-scroll avia-color-theme-color avia-icon_select-yes-left-icon avia-size-small avia-position-center pum-trigger">
    <span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>
    <span class="avia_iconbox_title">Click me</span>
</a>

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Would you consider hiding the caption container on mobile view? We could use this css code to do just that.

@media only screen and (max-width: 767px) {
    .slideshow_caption {
	display: none !important;
    }
}

You could also use the Fullscreen Slider instead of the current one to provision more space for the captions.

Or display a completely different slider on mobile using the elements’ Advanced > Responsive > Element Visibility settings.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Another user created a quick tutorial on how to add an audio button in the full screen sliders. Please check the following link.

// https://webers-testseite.de/mute-unmute-video-slide/

Unfortunately, this customization is not running correctly or has issues on Safari browsers.

Best regards,
Ismael

Hey peterbiermann,

Thank you for the inquiry.

That is possible, we could make the animation start earlier, but we have to modify the enfold\js\shortcodes.js directly. We have to adjust the offset value in this code located around line 224.

	$('.avia_animate_when_visible', container).avia_waypoints();
			$('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '80%'});

			if(container == 'body') container = '.avia_desktop body';
			$('.av-animated-generic', container).avia_waypoints({ offset: '95%'});

Decrease the offset value to 30% so that the animation starts once the element is positioned around 30% of the viewport height from the top. Set it to 0 to trigger the animation once the elements hits the very top of the viewport.

You may need to toggle or temporarily disable the Performance > File Compression settings after doing the modification.

Best regards,
Ismael

Hi,

Thank you for the update.

We will try to help you debug the issue. First thing that we could do is set the installation to debug mode and enable the error logs so that we could check for any errors generated by the plugin. To do that, we have to edit the wp-config.php file and add this code.

// Enable WP_DEBUG mode
define( 'WP_DEBUG', true );

// Enable Debug logging to the /wp-content/debug.log file
define( 'WP_DEBUG_LOG', true );

// Disable display of errors and warnings
define( 'WP_DEBUG_DISPLAY', true);
@ini_set( 'display_errors', 1 );

// Use dev versions of core JS and CSS files (only needed if you are modifying these core files)
define( 'SCRIPT_DEBUG', true );

// https://wordpress.org/support/article/debugging-in-wordpress/#example-wp-config-php-for-debugging

After adding the code, refresh the page, then activate the plugin again. Once the error occurs, look for any error messages in the screen or check the wp-content > debug.log file and post the error messages here.

What is the current PHP version? You may need to upgrade it to version 7.3, or to version 8.0 if it is already available in your server.

Best regards,
Ismael

Hi,

You may need to ask the plugin author to pass or include the do_shortcode function to the shortcode callback, or maybe there is a filter available that we could use to modify the shortcode content before it is returned. You have to ask the plugin author about that. It is possible that the shortcode (event_list) immediately returns the content without filtering the shortcode.

Best regards,
Ismael

Hi,

Thank you for the update.

Yes, that should work. Only thing is the script handle, the actual name of that script is “avia-widget-js”, avia-default is already taken and is attached to the js > avia.js file.

Best regards,
Ismael

Hey MarcusJeroch,

Thank you for the inquiry.

Is it possible to use the CSS classes and IDs from Enfold

The theme does not have any control on how the plugin widgets are rendered, so this is not possible. As suggested in the previous support ticket, you can disable the updated widget design and revert back to the old style with the old markup or elements by adding the snippet that they provided.

This is the snippet..

define( 'TRIBE_EVENTS_WIDGETS_V2_DISABLED', TRUE );

If you want to continue with the new design however, you will have edit the widget styles from scratch and add the appropriate css modifications again.

Best regards,
Ismael

Hi,

The only available option for this out of the box is the Page Preloader. And as suggested above, you could add a custom logo or image and display it during the preload transition. Or play around with the layer slider transitions.

Best regards,
Ismael

Hi,

We cannot reproduce the issue on Firefox Dev Windows 10. Have you tried adjusting the width of the gallery items a bit?

#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
	width: 19.90%;
}

Default width is set to 20%.

You may need to toggle or temporarily disable the Performance > File Compression settings.

Best regards,
Ismael

Hey JaimBateman,

Thank you for the inquiry.

Adding tabindex to the cookie button will only work if all focusable elements in the page also have the tabindex attribute, so the solution above may not work. Possible solution is to move the location of the privacy button markup or the privacy modal window so that it is at the very top of the document, or create a script that listens for the tab key press and manually direct focus to the privacy buttons, but this might affect the accessibility of the page if not executed properly.

Best regards,
Ismael0

Hey sky19er,

Thank you for the inquiry,

Video backgrounds are disabled on mobile view by default, which is why a fallback image option is available. So it is impossible that it was working a few months back because it has been the the default behavior ever since. You may need to look for a different solution if you want the video to play on mobile view, such as using the Layer Slider.

Best regards,
Ismael