Hi,

Thanks for the update.

The recommended size is 845x321px, which is the specified dimension of the “entry_with_sidebar” thumbnail.

Best regards,
Ismael

Hi,

Thanks for the update.

That is a valid solution and is actually the same as manually editing the thumbnail in the functions.php file or using the Simple Image Size plugin. The default set width of the “entry_with_sidebar” thumbnail is 845px, and the crop parameter is actually disabled by default, so I’m not sure why that code works and not the default configuration. Anyway, I’m glad that you found a working solution.

Thank you for your patience. Have a nice day.

Best regards,
Ismael

Hi,
Sorry for the late reply, I searched for the script that delayed the css animation in Enfold, and found it in:
enfold\js\shortcodes.js
starting on line 390:

$.fn.avia_sc_animation_delayed = function(options)
{
	var global_timer = 0,
		delay = options.delay || 50,
		max_timer = 10,
		new_max = setTimeout(function(){ max_timer = 20; }, 500);
	
	return this.each(function()
	{
		var elements = $(this);

		//trigger displaying of thumbnails
		elements.on('avia_start_animation', function()
		{
			var element = $(this);
			 
			if(global_timer < max_timer) global_timer ++;
			
			setTimeout(function()
			{ 
				element.addClass('avia_start_delayed_animation'); 
				if(global_timer > 0) global_timer --; 
			
			}, (global_timer * delay));
			
		});
	});
}

so reading this it looks like the elements with the class “avia_start_animation” get the class “avia_start_delayed_animation” added to them. I’m not sure if this will help you, but this is where the lazy load is starting in Enfold.

Best regards,
Mike

Hi,

Have you tried adjusting the default size of the “entry_with_sidebar” thumbnail, so it fits your requirement? That is the actual name of the thumbnail and you can adjust its size manually in the functions.php file or install the Simple Image Sizes plugin. Unfortunately, I’m not really sure why those images resize differently but I know adjusting the default thumbnail size will certainly help.

Best regards,
Ismael

Hi,

What do you mean it looks weird in the overview page? The images in “event-overview” screenshot looks fine. The actual size of the registered thumbnail for the single events page is 845x321px, so resizing the images to that dimension prior to uploading will ensure that it’s not cropped or resized unexpectedly.

Best regards,
Ismael

Hi,

Thanks for the update.

Can you give us links to the test events? Try to resize the images to 845x321px. It seems to be the actual dimension of the thumbnails used in the events.

Best regards,
Ismael

Hey keeslamper,

Thank you for using Enfold.

There is a filter for the logo:

enfold\framework\php\function-set-avia-frontend.php line 546:

$logo = apply_filters('avf_logo_final_output', $logo, $use_image, $headline_type, $sub, $alt, $link);

For the blog:

enfold\includes\loop-index.php line 69:

$current_post['slider']  	= get_the_post_thumbnail($current_post['the_id'], $size);

replace with:

$current_post['slider'] = apply_filters( 'avf_post_featured_image_link', get_the_post_thumbnail( $current_post['the_id'], $size ), $current_post, $size );

Hope this will help you.

I added this filter to our repo – so it should become part of the core in one of the next updates.

Best regards,
Günter

Hi,

Thank you for the info and I would like to apologize for the misunderstanding. The theme is actually using a predefined thumbnail for the grid layout because it has to make sure that every thumbnails are square. The maximum size is 450x450px and the thumbnail is called “portfolio”. If you want to change that, you have to modify the index.php file. Look for this code around line 44:

 $atts 	= array('type' => 'grid', 'items' => get_option('posts_per_page'), 'columns'=> 3, 'class'=>'avia-builder-el-no-sibling', 'paginate'=>'yes');

.. and add the “image_size” parameter:

 $atts 	= array('type' => 'grid', 'items' => get_option('posts_per_page'), 'columns'=> 3, 'class'=>'avia-builder-el-no-sibling', 'paginate'=>'yes', 'preview_mode' => 'custom', 'image_size' => 'entry_without_sidebar');

The changes above sets the thumbnail from the default value “portfolio” to “entry_without_sidebar”.

Best regards,
Ismael

Hey Deanna,

Thank you for using Enfold.

Looks like you’re using another post plugin now. Do you still require help with this?
If you want to change the width of the image, try this:

.bdp_blog_template.news .post-thumbnail-div {
    width: 30%;
}

.news .post-content-div {
    width: 70%;
}

Best regards,
Ismael

Hi,

I added the image directly in the slider’s caption field.

<img class="snap-pronosgame avia_image lazyloaded" src="https://pronosgame.fr/wp-content/uploads/2018/06/snap-pronosgame-180x180.jpg" data-lazy-src="https://pronosgame.fr/wp-content/uploads/2018/06/snap-pronosgame-180x180.jpg" alt="snap Pronosgame" title="snap-pronosgame" itemprop="thumbnailUrl" data-was-processed="true">

You can remove that code.

Best regards,
Ismael