Hi,

Thank you for the update.

Please remove the snippets that we added previously and replace it with the following code.

function handler_wp_img_tag_add_loading_attr_mod( $attr_value, $image_tag = '', $context = '' ) 
{
	return 'lazy';
}
add_filter( 'wp_img_tag_add_loading_attr', 'handler_wp_img_tag_add_loading_attr_mod', 9999, 3 );

This should add the loading attribute to the images and set the value to lazy.

Best regards,
Ismael

Hey corefocusgroup,

Thank you for the inquiry.

You could select the font as the heading or body font in the General Styling > Fonts panel. Since the custom font will now be available in the front end, we could just apply it manually to a specific layer using the Styles > TEXT | FONT & Style > Family field.

We could also use the layer’s CUSTOM CSS field to apply the font.

Example:

font-family: Karla;

Best regards,
Ismael

Hi,

Thank you for the update.

Do you want to integrate the header and footer design feature from Vidyard to your WordPress site? This may not be possible because your sharing page in Vidyard is different from your WordPress site.

What kind of customization would like to do with your header and footer?

Best regards,
Ismael

Hey Marcos Q.,

Thank you for the inquiry.

Are you referring to this modification?

// https://kriesi.at/support/topic/horizontal-gallery-loop-2/#post-1151997

To do this in the child theme, we have to create a new shortcode path in the child theme directory and copy the horizontal gallery files in the new path. This documentation should help explain how to override an existing shortcode or element in the child theme.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb

After creating the shortcode path and copying the horizontal gallery files, we have to edit the gallery_horizontal\gallery_horizontal.php file and look for the extra_assets function. This function contains the wp_enqueue_style and wp_enqueue_script functions, which register the script and stylesheet for the element. In those functions, we have to adjust the file path so that it points to the scripts and stylesheets that we have just copied in the child theme, or the files containing the modification. The path should look like this.

AviaBuilder::$path['pluginUrlRoot'] . 'avia-shortcodes/gallery_horizontal/gallery_horizontal.js'

We have to replace AviaBuilder::$path[‘pluginUrlRoot’] with the child theme directory using the get_stylesheet_directory_uri function, and we might also need to remove the avia-shortcodes path.

// https://developer.wordpress.org/reference/functions/get_stylesheet_directory_uri/

Best regards,
Ismael

Hi,

Thank you for the update.

Yes, the css code should be added in the Enfold > General Styling > Quick CSS field or in the child theme’s style.css file if it is activated. After adding the css code, please toggle or temporarily disable the Performance > File Compression settings, and remove the browser cache to see the effect of the changes immediately.

Best regards,
Ismael

Hi,

Thank you for the screenshot.

Is it working correctly when the overflow property of the tab container is set to auto or scroll?

.responsive .tabcontainer {
	overflow: auto;
}

or scroll.

.responsive .tabcontainer {
	overflow: scroll;
}

We have forwarded the issue to our channel and hopefully we could provide a fix in the next patch.

Another user noticed the same issue and temporarily or until the issue is fixed, we asked him to disable the modal popup window containing the privacy tabs and create a custom link to a page containing the privacy toggles and content.

Best regards,
Ismael

Hi,

Thank you for the clarification.

We could see the tear in the images now. What happens when you select a different thumbnail from the gallery’s Styling > Gallery Preview Image Size settings? This is set to 495x400px by default with crop disabled and selecting a different thumbnail or image size without the tear might solve the issue.

Best regards,
Ismael

Hi,

Yes, that could happen because with the css code we are adjusting the width of the image relative to the screen size. To fix it or to make the image more proportional, we have to adjust the min-height and width property in the previous css code.

The width property is set to 140% and min-height is set to 260px. Adjust the value as necessary.

Best regards,
Ismael

Hi,

Thank you for following up.

Did you change the htaccess authentication details? We could not access the site anymore. Please provide the new htaccess account and post a screenshot of the heading alignment issue if possible.

Best regards,
Ismael

Hey maria_96,

Thank you for the inquiry.

The theme has the av_theme_slug_render_title function that is attached to the wp_head action hook and renders the title tag. If you would like to disable it, add this code in the functions.php file.

remove_action( 'wp_head', 'av_theme_slug_render_title' );

Best regards,
Ismael

Hi,

Thank you for the update.

Sorry for the confusion. What do you mean by jagged tear exactly? Do you mean that the images are cropped and doesn’t display the whole image same as the source or original image?

If this is what you meant, then this is quite normal. Cropping of images depends on the thumbnail registration settings or if the crop parameter for a particular image size is enabled. If this parameter is enabled for a particular thumbnail, WordPress will automatically crop and resize that thumbnail to the specified dimension regardless of the original image’s aspect ratio. If the crop parameter is disabled, the thumbnail will be resized and retain its aspect ratio without being cropped.

// https://developer.wordpress.org/reference/functions/add_image_size/

Best regards,
Ismael

Hi,

You’re very welcome! We’ll close this thread now. Please feel free to open another if you need anything else.

Have a nice day.

Best regards,
Ismael

Hey jberg1,

Thank you for the inquiry.

The Slideshow Image and Video Size settings will only affect the video if the video slides’ Styling > Video Size is not set to the first option, and this option will only affect the aspect ratio of the video and its height calculation. If it is set to the first option, the aspect ratio of the video will be set to 16:9 by default.

This is the calculation of the slider height

$stretch_height  = ceil( $viewport / ( $video_ratio[0] / $video_ratio[1] ) * 100 );

The value of the $viewport is based on the width of the selected thumbnail in the Slideshow Image and Video Size divided by its height while the $video_ratio is based on the Video Aspect Ratio settings.

Best regards,
Ismael

Hi,

Thank you for the update.

There’s something we can do? we change the default image size of the feature image to 1200x670px,

Aside from resizing the images, we could install an image optimization or compression plugin to further decrease the size of the images and increase the overall speed of the site. We could use one of the following plugins to do the image optimization.

// https://wordpress.org/plugins/shortpixel-image-optimiser/
// https://wordpress.org/plugins/imagify/
// https://wordpress.org/plugins/wp-smushit/
// https://wordpress.org/plugins/tiny-compress-images/

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,

Thank you for the update.

Would you mind telling us the actual model of the iPad device that you are using? If this is a retina device or an iPad Pro, we might have to adjust the css media query a bit.

@media only screen and (max-width: 1366px) {
    .avia-bg-style-fixed {
	background-attachment: scroll !important;
    }
}

Please toggle or temporarily disable the Performance > File Compression settings after adding the css code, and remove the browser cache as well.

Best regards,
Ismael