Hi,

Thank you for that info.

The default file compression from the theme might had been conflicting with the default server optimization (Settings > Performance > Performance & Speed), which probably have its own compression settings or resource optimization feature. Please keep the other option (Enfold > Performance > File Compression) disabled for now. You can also use plugins like Autoptimize or BWP Minify as an alternative.

We will keep the thread open.

Best regards,
Ismael

Hi,

Thank you for the update.

We would recommend resizing the images for sliders of fullwidth elements based on the most common screen resolutions. That would be between 1920x1080px and 1366x768px. You can use those numbers as a reference.

// https://www.browserstack.com/guide/ideal-screen-sizes-for-responsive-design

Best regards,
Ismael

Hey tinohannes,

Thank you for the inquiry.

Try to use this css code to adjust the transparency of the background color.

.avia-caption-title {
    background: #007400A3 !important;
    color: #edeae5 !important;
}

We just appended A3 to the hex value, which is equivalent to 64% transparency. You can use this guide to adjust the transparency value.

// https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4

Best regards,
Ismael

Hi,

That is odd. I did not expect that the filter will work for the masonry element. But I am glad to know that it did. We will close this thread for now.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

You can use image hosting providers like imgur or dropbox for the screenshot, and share the image link in your next post or in the private field. We did check the home page but we cannot see the layout issue. Every sections are full width.

Best regards,
Ismael

Hey annevoelkel,

Thank you for the inquiry.

Looks like you have used a single element for every progress bars. Please note that all progress bars in the group will animate simultaneously once the parent element is visible in the page. You may need to separate the progress bars or use multiple progress bar elements for each bar to trigger the animations in sequence.

Best regards,
Ismael

Hey Martin,

Thank you for the inquiry

Did you setup or get an SSL certificate? Please get an SSL certificate, then follow the instructions in the following documentation.

// https://wordpress.org/support/article/https-for-wordpress/

You may need to contact your hosting provider and ask them to configure the web server to redirect traffic to https.

You can also install the Really Simple SSL plugin to automatically convert the site from http to https.

Best regards,
Ismael

Hey 2RiversM,

Thank you for the inquiry.

Where can we see the issue? We are not seeing any layout issues with the home page. Please provide a direct link to the page containing the grid row element.

Best regards,
Ismael

Hi,

Great! Glad we could be of help. Please feel free to open another thread if you need anything else. We will close this one for now.

Have a nice day.

Best regards,
Ismael

Hey Alwin,

Thank you for the inquiry.

We would recommend using only one of those features or options because they might conflict with one another. Please note that the lazy loading option from the theme enables the default loading attribute, which is a default browser feature.

// https://web.dev/browser-level-image-lazy-loading/

Best regards,
Ismael.

Hey Alwin,

Thank you for the inquiry.

The option in the Enfold > Performance panel actually disables the jQuery Migrate library. There might be plugins in the site that are still using older jQuery functions, which are only available via jQuery Migrate. Please leave the option disabled.

Best regards,
Ismael

Hey smuejae,

Thank you for the inquiry.

Where are you trying to embed the post? Have you tried using the Advance Layout Builder (ALB) and add an element (e.g Image, Text Block) that has a link to that particular post?

Best regards,
Ismael

Hey Kyle,

Thank you for the inquiry.

Looks like the read more button’s link doesn’t go through the same content filter function unlike the link used in the post image. Please try to modify the config-templatebuilder/avia-shortcodes/postslider/postslider.php file and look for this code around line 723.

	$permalink = '<div class="read-more-link"><a href="' . get_permalink( $the_id ) . '" class="more-link">' . __( 'Read more', 'avia_framework' ) . '<span class="more-link-arrow"></span></a></div>';

Replace the get_permalink( $the_id ) function with $link, then move it below this code.

	if( $format == 'link' )
					{
						$current_post = array();
						$current_post['content'] = $entry->post_content;
						$current_post['title'] = avia_wp_get_the_title( $entry );

						if( function_exists( 'avia_link_content_filter' ) )
						{
							$current_post = avia_link_content_filter( $current_post );
						}

						$link = $current_post['url'];
					}

Best regards,
Ismael

Hi,

No problem. Let us know once you are done optimizing the site and if the issue persists.

Best regards,
Ismael

Hey nahmialm,

Thank you for the inquiry.

Did you enable the Performance > File Compressions settings? Please try to turn it off first, then add this filter in the functions.php file to temporarily disable the post css manager and prevent the theme from creating meta entries in the database.

/**
 * Filter to skip css file generation.
 * You can add logic to skip for certain pages/posts only.
 * 
 * @since 4.8.6.1
 * @param boolean $create
 * @return boolean					true | false or anything else to skip generation of css file
 */
function custom_avf_post_css_create_file( $create )
{
	return false;
}

add_filter( 'avf_post_css_create_file', 'custom_avf_post_css_create_file', 10, 1 );

You should also update PHP to the latest version (8.0 or later) and create a staging or development version of the site so that you can test it while the plugins are disabled.

Best regards,
Ismael