{featured_image}
I am experiencing an issue with the dynamic element {featured_image} in a custom template I created using BeEditor on my website (https://powercv.pl/).
Issue Description:
In my template, I use the {featured_image} dynamic element as the background for the first section. On my site, I have the following plugins installed:
• Converter for Media – for compressing images.
• Simple Image Sizes – for generating smaller versions of uploaded images.
Despite having optimized versions of images (created by the mentioned plugins), BeTheme selects the optimized (fine) but the largest (not fine), version of the image for {featured_image}. This negatively impacts the page load time.
My Question:
Is there a way to configure BeTheme to automatically select a smaller (width/height) version of the image for {featured_image}? Perhaps this requires a specific setting or an alternative method within the theme?
I would appreciate any guidance on resolving this issue. Please let me know if you require additional details.
Example post: https://powercv.pl/minimalna-krajowa-2025-jak-prognozy-zmienia-nasze-zycie-i-prace/
Used image:
Example Avaiable image:
I've added a code shown below to the functions.php of the child theme:
add_image_size( 'medium_large', '768', '0', false );
add_image_size( '1536x1536', '1536', '1536', false );
add_image_size( '2048x2048', '2048', '2048', false );
add_image_size( 'be_thumbnail', '150', '150', true );
add_image_size( 'be_clients', '150', '75', false );
add_image_size( 'slider-content', '1630', '860', true );
add_image_size( 'portfolio-mf', '1280', '1000', true );
add_image_size( 'portfolio-mf-w', '1280', '500', true );
add_image_size( 'portfolio-mf-t', '768', '1200', true );
add_image_size( 'portfolio-list', '1920', '750', true );
add_image_size( 'blog-portfolio', '960', '750', true );
add_image_size( 'blog-single', '1200', '800', true );
add_image_size( 'mobile-srcset', '480', '960', false );
add_image_size( 'medium_large', '768', '0', false );
Thank you in advance for your assistance.
Comments
Hi,
There is no option to do that for background.
The {featured_image} dynamic data is always the original size of the image. The only place where you can change the size is the Image element:
Best regards