This is how the first video on the page is done:

Is there anything I can add to get the enfold video element to do the same thing?

Thank you!

Guenni,

So, I am trying to do this step-by-step, removing the default Enfold-based image sizes first. I kept the bulk of your framework, but made a few little changes. I applied the code below to my child themes functions file, and then did a full regeneration of the images, and removed any images that did not have sizes anymore.

// Start Removing Image Sizes - Rev 20230907-3 //

// Remove or unregister unused WordPress Image Sizes (via Enfold)

// Disable loads of Enfold & WP image sizes upon upload
// do image sizes manually, double-size with high compression for retina screens
// use Photoshop to set exact double size and quality between Q30 and Q40
add_action('init', 'remove_enfold_image_sizes');
function remove_enfold_image_sizes() {
  remove_image_size('square');
  remove_image_size('featured');
  remove_image_size('featured_large');
  remove_image_size('portfolio');
  remove_image_size('portfolio_small');
  remove_image_size('gallery');
  remove_image_size('magazine');
  remove_image_size('masonry');
  remove_image_size('entry_without_sidebar');
  remove_image_size('entry_with_sidebar');
  remove_image_size('shop_thumbnail');
  remove_image_size('shop_catalog');
  remove_image_size('shop_single'); 
  remove_image_size('shop_gallery_thumbnail');
}
// Remove unneeded WP image sizes
add_filter( 'intermediate_image_sizes_advanced', 'prefix_remove_default_images' );
// Remove default image sizes here. 
function prefix_remove_default_images( $sizes ) {
// do NOT remove small and medium sizes, they are used in backend Media Library!
// unset( $sizes['small']); // 150px
// unset( $sizes['medium']); // 300px
 unset( $sizes['large']); // 1024px
 unset( $sizes['medium_large']); // 768px
 unset( $sizes['1536*1536']); // 1536x1536px
 unset( $sizes['2048*2048']); // 2048x2048px
 return $sizes;
}

// Moduly Image Sizes
add_image_size('Moduly-Square', 1080, 1080, false);
add_image_size('Moduly-Horizontal', 1920, 1080, false);

This is the result (on Performance Tab > Responsive Images Overview section), after the above adjustments.
I do see the couple added image sizes, but unless I am a complete idiot, it still looks like the image sizes above are still being injected.

Images aspect ratio: 1 : 1
36*36 – Widget (added by theme)
108*108 – thumbnail (WP default size)
180*180 – Square (added by theme)
540*540 – medium (WP default size)
705*705 – Masonry (added by theme)
1080*1080 – large (WP default size)
1080*1080 – Moduly-Square (added by a plugin)
1500*1500 – Fullscreen Sections/Sliders (added by theme)
1536*1536 – 1536×1536 (WP default size)
2048*2048 – 2048×2048 (WP default size)
Images aspect ratio: 52 : 37
260*185 – Portfolio small (added by theme)
Images aspect ratio: 99 : 80
495*400 – Portfolio (added by theme)
845*684 – Gallery (added by theme)
Images aspect ratio: 142 : 75
710*375 – Magazine (added by theme)
Images keeping original aspect ratio
768*0 – medium_large (WP default size)
Images aspect ratio: 845 : 321
845*321 – Entry with Sidebar (added by theme)
Images aspect ratio: 1210 : 423
1210*423 – Entry without Sidebar (added by theme)
Images aspect ratio: 150 : 43
1500*430 – Featured Thin (added by theme)
Images aspect ratio: 50 : 21
1500*630 – Featured Large (added by theme)
Images aspect ratio: 16 : 9
1920*1080 – Moduly-Horizontal (added by a plugin)

Guenni,

I feel like an idiot on this, because it seems like I am doing it right, but am just not getting it to do what it would appear it should be doing. Any ideas where I have gone wrong?

Thank you for this, but please have a look at the link I sent:
https://adoptionvoicesthebook.com/video-test/
I was able to prevent the recommended videos by pasting the link into the page with ?rel=0 at the end.
That is the first video on the page and it does NOT show related videos at the end.
The enfold video element with the same url DOES show related videos at the end.
I would like to use the enfold element because I can use a cover image.

So it is indeed something that can be prevented with normal embeds but not with the enfold element

Thanks again
David

Hi Mike,
Sorry for my late response. I just had to jump on another project urgently.

In principle, you had already implemented it quite well. However, unfortunately it still doesn’t fit.

I have now set the correct font sizes and spacing. What remains, however, is the problem with the background. The title can sometimes be 2 lines long. In this case, however, the area in the background would have to be higher (including responsivity). I have made a layout for this so that you know what I mean.

https://www.dropbox.com/scl/fi/3opy015nz91xmvuy48rc0/enfold-help-2.jpg?rlkey=1ve9bxk9hf5r6xsyfhvdjcflb&dl=0

Would you look at it again? Thank you very much.

KR – Marc