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

Hey aph80,

Thank you for the inquiry,

1.) Have you tried muting the video? It may not be playing automatically because the video is not muted. Please note that autoplay is only allowed for muted videos.

2.) Video works fine when we checked the site on Chrome, but we have to click it twice because the video is not muted.

Best regards,
Ismael

Hey stop0bit,

Thank you for the inquiry.

I would like to set multiple classes in the Exclude headlines by class, how can I achieve this?

This is not possible right now because the script uses the hasClass function, which can only check for a single class name. The code for this is in the enfold\js\avia-snippet-widget.js file around line 44.

               if (!$(this).hasClass('av-no-toc') && !$(this).hasClass($excludeclass) && !$(this).parent().hasClass($excludeclass)) {
                    var $list_tag = '<a href="#' + $h_id + '" class="avia-toc-link avia-toc-level-' + $pos + '"><span>' + $txt + '</span></a>';
                }

You may need to find a different way to add the “av-no-toc” class name for other headings that you want to exclude.

Best regards,
Ismael

Hi,

Thank you for the info.

Looks like you are now using the gravity form for that page. Would you mind creating a test page using the default contact form in the theme? And as we described above, the contact form fields already have labels, so the warnings or reports above are not accurate. This is the label for the email field for example.

<label for="avia_2_2">

Best regards,
Ismael

Hi,

Yes, the snippet above should include an add to cart button after every product title in the shop loop. Did you try it? Please post the login details in the private field so that we could test the modification.

Best regards,
Ismael

Hi,

Thank you for the update.

You should be able to use this css code to pull the svg image upwards and make sure that it is within the color section.

.page-id-7784 #av_section_1 svg {
	margin-top: -75px;
}

Best regards,
Ismael

Hi,

Thank you for that info.

You may need to add this filter in the functions.php file to enable execution of shortcodes or elements outside the advance layout builder.

function avf_custom_exec_sc_only_mod( $exec_sc_only, $obj_sc, $atts, $content, $shortcodename, $fake ) {
	return true;
}

add_filter( 'avf_alb_exec_sc_only', 'avf_custom_exec_sc_only_mod', 10, 6 );

Best regards,
Ismael

Hi,

HOWEVER it is now creating 7 sets of each image !

Those thumbnails are probably from another plugin. In Enfold > Performance > Responsive Images And Lazy Loading section, you could enable the Image Thumbnails Info option to display all registered thumbnails from the theme and from other plugins, including the name of the thumbnail and their sizes.

Best regards,
Ismael

Hi,

Have you tried enabling the secondary menu from the Enfold > Header > Extra Elements panel? This should also enable the language switcher.

We could also use the following snippet in the functions.php file to prevent the default language selector from showing up and display a custom language switcher in the top bar or header_meta container.

// disable language switcher
add_action('after_setup_theme','avia_remove_main_menu_flags');
function avia_remove_main_menu_flags(){
        remove_filter( 'wp_nav_menu_items', 'avia_append_lang_flags', 20, 2 );
        remove_filter( 'avf_fallback_menu_items', 'avia_append_lang_flags', 20, 2 );
        remove_action( 'avia_meta_header', 'avia_wpml_language_switch', 10);
}

// Render the default language switcher (activate header meta)
add_action('avia_meta_header', 'ava_icl_language_selector');
function ava_icl_language_selector(){
	do_action('icl_language_selector');
}

Best regards,
Ismael

Hey crossline2,

Thank you for the inquiry.

Which specific animations are you referring to? The animations are triggered automatically on page load but we could modify the avia_waypoints function in the js > shortcodes.js file line 681 to only animate the elements once they are visible in the view port.

// waypoint script when something comes into viewport
 $.fn.avia_waypoints = function(options_passed)
	{
		if(! $('html').is('.avia_transform')) return;

		var defaults = { offset: 'bottom-in-view' , triggerOnce: true},
			options  = $.extend({}, defaults, options_passed),
			isMobile = $.avia_utilities.isMobile;

		return this.each(function()
		{
			var element = $(this);

			setTimeout(function()
			{
				element.waypoint(function(direction)
				{
					var current 	= $(this.element),
						parent  	= current.parents('.av-animation-delay-container:eq(0)');

					if(parent.length)
					{
						current.addClass('avia_start_animation_when_active').trigger('avia_start_animation_when_active');
					}

					if( !parent.length || (parent.length && parent.is('.__av_init_open'))  || (parent.length && parent.is('.av-active-tab-content')) )
					{
						current.addClass('avia_start_animation').trigger('avia_start_animation');
					}	
				}, options );
			},100);

		});
	};

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We could add the snippet in the functions.php file to disable the settings forced by the theme such as loading the script in the footer, but we are not entirely sure how this would affect the site. Please try this code.

remove_action( 'init', array( 'Avia_Config_LayerSlider', 'force_settings'), 10, 0 );

Or this..

add_action("init", function() {
    remove_action( 'init', array( 'Avia_Config_LayerSlider', 'force_settings'), 10, 0 );
}, 10);

If the above fails, try to edit the \enfold\config-layerslider\config.php, and comment out line 80 or just remove this code.

add_action( 'init', array( $this, 'force_settings'), 10, 0 );

Best regards,
Ismael