Hi,

Your solution forces the user to read out the height of the image to set the height of the section otherwise he wont see it.
You consider this beeing a good usability?

Please share a screenshot highlighting the problem.

Best regards,
Rikard

Hi!

Unfortunately, you won’t be able to consistently display the full image, as this depends on the size and aspect ratio of the parent container, which will vary depending on the screen resolution and size. The same applies when using the Image element — even if you manage to make it the same height as the sibling column.

Regards,
Ismael

Hey ausgesonnen,

Thank you for the inquiry.

Have you tried uploading a larger image? The current logo size is 300x300px. Try uploading a 600x600px version of the image.

Best regards,
Ismael

Hi,

Thank you for the screenshot.

You may need to set the image as the background of the 2/3 column instead of using the Image element. This way, it will resize based on the height of the second column. Parts of the image may get cut off on certain screen sizes. In mobile view, you also need to define a minimum height for the 2/3 column.

Best regards,
Ismael

Hi,

Thank you for sharing the complete steps. Regarding the older thread, the complete solution is already there; you just need to adjust the “std” parameter to “hover_active”.

remove_filter( 'avf_builder_elements', 'avia_woocommerce_product_elements', 500, 1 );
add_filter( 'avf_builder_elements', 'avia_woocommerce_product_elements_mod', 500, 1 );

function avia_woocommerce_product_elements_mod( $elements )
{
	$posttype = avia_backend_get_post_type();

    if( ! empty( $posttype ) && $posttype == 'product' )
    {
        $elements[] = array("slug"	=> "avia_product_hover",
            "name" 	=> "Hover effect on <strong>Overview Pages</strong>",
            "desc" 	=> "Do you want to display a hover effect on overview pages and replace the default thumbnail with the first image of the gallery?",
            "id" 	=> "_product_hover",
            "type" 	=> "select",
            "std" 	=> "hover_active",
            "class" => "avia-style",
            "subtype" => array("Yes - show first gallery image on hover" => 'hover_active', "No hover effect" => ''));

        $counter = 0;
        foreach( $elements as $element )
        {
            if( $element['id'] == 'sidebar' ) 
			{
				$elements[ $counter ]['required'] = '';
			}
            else if( $element['id'] == 'layout' ) 
            {
	            $elements[ $counter ]['builder_active'] = true;
	           // unset($elements[$counter]);
            }
            $counter++;
        }
    }

	return $elements;
}

Best regards,
Ismael

Hey!

is not very logically structured if it is not sorted by date,

Yes, the Isotope script doesn’t really take any of that information into account. It sorts the items based on their order in the document and the size of the images. If you want to make sure that items are sorted based on their query order, e.g., the date they were published, you may need to select a different layout in Styling > Masonry Settings > Size Settings or use an entirely different element, such as the Post Slider or Portfolio Grid.

Cheers!
Ismael

Hey Carsten,

Thank you for the inquiry.

You can try the following css code, but it might affect the display of the background image with the text:

.avia-icongrid-flipbox .av-icon-cell-item article {
    min-height: 300px;
}

.avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback {
    min-height: 300px;
}

If you need to apply this to a specific flipbox element, this should help: https://kriesi.at/documentation/enfold/add-custom-css

Best regards,
Ismael

Hey tsays,

Thank you for the inquiry.

Based on the Pagespeed Insights dev report, these are our recommendations.

— Enable image lazy loading. This can be done by enabling the Enfold > Performance > Responsive Images and Lazy Loading > Lazy Loading option.

— Disable the animation for the element containing the “Award-Winning Public Relations for Emerging Industries and Ambitious Brands” text. This should improve the CLS and LCP scores.

— Test different compression or minification plugins, or use the default options in the theme.

— The initial server response time is not ideal — upgrading the server should help.

— Reduce the size of the images further and make sure they are compressed.

— Install a cache plugin if you haven’t done so.

Best regards,
Ismael

Hi,
The Dev Team writes that it sounds like server related issue and maybe caused by a plugin or more than several thousand posts/pages
Try to replace
https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_7_0/framework/php/class-responsive-images.php

Best regards,
Mike

Hi,

I had a look at your site, but it looks like the image is already covering the 2/3 element. Did you manage to find a solution?

Best regards,
Rikard

Hi,

The background image is displaying on my end, how can we reproduce the results that you are seeing on your end?

Best regards,
Rikard