Hi,
Thank you for the update.
The portfolio grid crops them out and shows them rectangular. Images are 500×500 px
The Portfolio Grid element, by default, uses a thumbnail that is not square, but you can adjust this in the element’s Styling > Grid Settings > Portfolio Grid Image Size settings. Select the second option and choose the thumbnail size you prefer. The default size is 495x400px.
Best regards,
Ismael
Hi,
This should work fine in the parent theme functions.php, but it will be lost when you update, we recommend using a Child Theme for customizations.
Then you also need to Regenerate the Thumbnails for the change to show, did you also do this?
Perhaps creating a staging site to test with would be a good idea, then you can apply it you your live site. Most cPanel webhosts have a staging site option, some in the dashboard:

Others add the option in the Softaculous WordPress Management

There may be other staging site options in different cPanel servers, these are the two that I have seen.
Please include an admin login to the staging site in the Private Content area so we can check.
Best regards,
Mike
Images added to full screen slider show on the live page but on opening the back end slider again it shows all the images as blanks.
My other Enfold sites don’t seem to have this problem.
I have opened portfolio pages that have similar slideshows but they seem to display the slides in the backend as normal.
So it only seems to be on NEW sliders that it is losing their thumbnails.
You are running the latest version! (5.6.2)
Your PHP version: 8.0.28
On Safari 16.4 on a Mac.
Thanks
Thanks that was the right hint:
function avf_wp_nav_menu_objects($sorted_menu_objects, $args) {
// check menu name
if ($args->menu->name != 'menu-name') return $sorted_menu_objects;
// edit the menu objects
foreach ($sorted_menu_objects as $menu_object) {
// searching for menu items linking to posts or pages
// can add as many post types to the array
if ( in_array($menu_object->object, array('post', 'page', 'portfolio', 'attachment')) ) {
// set the title to the post_thumbnail if available
// thumbnail size is the first parameter of get_the_post_thumbnail()
$menu_object->title = (has_post_thumbnail($menu_object->object_id) && $menu_object->menu_item_parent != 0) ? get_the_post_thumbnail($menu_object->object_id, 'thumbnail') . $menu_object->title : $menu_object->title;
}
}
return $sorted_menu_objects;
}
add_filter('wp_nav_menu_objects', 'avf_wp_nav_menu_objects', 10, 2);
but now I have decided to hide it only in the main menu, because in the hamburger menu, the little pictures at the top level items look good.
Hello.
For the life of me, I cannot find how to change the size of the featured image that’s being generated on my posts page. Each post (3 of them) are 3 different sizes and I don’t know why. Please help! Thank you.
-
This topic was modified 2 years, 7 months ago by
trestange.
Hi Mike,
thank you very much, this code worked for 1.)
Please assist with point 2. The original images are uploaded in high resolution, however the advanced layout slider fetches a low resolution version of this image for the thumbnail – and I don’t see any option to change that. Its definitely not because of our images.
thanks and kind regards
Ben
Hey BenjaminSpeedtsberg,
Thank you for your patience, I don’t see a thumbnail in the page source, please include an admin login in the Private Content area so we can be of more assistance.
Best regards,
Mike
the point is that even if the images are within your media gallery, they will not be used on the blog or single page. Images recalculated by Enfold are used there. Thats what i wrote above. Only if you are using the portfolio element or blog element on a page there is on the second tab of the element editor the option to choose the image used ( that is the custom setting ) – and on that custom setting you can have original image. But is it advisable to use original sizes of the images in a 3 or 4 grid display where the image widths can hardly exceed 300px? 20 or more featured images on a page with 900px ( and more ) – what would that do to performance?
And on blog and archive pages ( category pages) these options are not available.
In the blog it is by default : portfolio (‘width’ => 495, ‘height’ => 400)
In the single post, depending on whether with sidebar or without :
entry_without_sidebar ( ‘width’ => 1210, ‘height’ => 423 ) or entry_with_sidebar ( ‘width’ => 845, ‘height’ => 321 ) are used.
The second solution above not to take the nearby aspect ratio of magazine is to have your own image size registered – but then a recalculation of the thumbnails has to be done.
The newly added size with 16:9 f.e.
add_image_size( 'new-blog-size', 495, 260, true );
function my_custom_sizes( $sizes ) {
return array_merge( $sizes, array(
'new-blog-size' => __( 'Blog Imagesize' ),
) );
}
add_filter( 'image_size_names_choose', 'my_custom_sizes' );
if you like to use that new image-size in the code snippet above – you had to recalculate the thumbnails.
There are plugins for that f.e.: force regenerate thumbnails
if your nick belongs to your page – i think i know what you like to go for.
Enfold uses different sources for the images on different elements. For example on a single post it uses the entry_with_sidebar size!
This is a ratio at : 2.6
the magazine ratio is nearby: 1.89 – so try this one if it is ok for you
On a blog in grid view – it uses the portfolio image size. – But you can change that by child-theme functions.php snippet:
try:
add_filter("avf_post_slider_args", function($atts, $context) {
if( $context == "archive" ) {
$atts['type'] = 'grid';
$atts['columns'] = 3;
$atts['preview_mode'] = 'custom';
$atts['image_size'] = 'magazine';
}
return $atts;
}, 10, 2);
_______
now : if it has to be that 16:9 aspect-ratio:
you can either redefine the entry_with_sidebar size to that ratio or set your own image-size in that ratio.
Both solutions need a recalculation of your thumbnails.
Hey joneszelasko,
Thank you for your question, as I understand your question you would like to change the size of your featured image in your posts to 1200 x 630,
You can do this with this code to the end of your child theme functions.php file in Appearance ▸ Editor:
add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
$size['entry_without_sidebar'] = array('width'=>1200, 'height'=>630, 'crop' => true);
return $size;
}
Then use the plugin Regenerate Thumbnails to resize the images.
Please note that the code above sets the crop to “true” and I believe this is correct for your situation, but if not try changing it to “false” and regenerate the images again.
Best regards,
Mike
oha – this is very old – but it so nice to have!
But is there a method to limit the item selection here to mega menu items only?
Above only the whole menu is selected, so if other second-level menu items have thumbnails, they will also get images. Of course I could hide this via css – but it would be nicer (more elegant) if the thumbnails would not be set there at all.
Hi,
The thumbnail image are not showing up. What could be the issue?
Hey mescalytequila,
Thank you for the inquiry.
You may need to add this code in the functions.php file in order to adjust the related product thumbnails.
add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
return 'woocommerce_thumbnail';
}
Best regards,
Ismael
Hi,
Have a look in our theme options page -> Performance -> Responsive Images (check it) -> Image Thumbnails Info
There you have an overview of the registered image sizes and if they are registered by Enfold.
You can also have a look in enfold/functions.php around line 264ff and filter ‘avf_modify_thumb_size’ to deregister file sizes not needed.
Hope this helps you.
Best regards,
Günter
Hey mandarijn,
Thank you for the inquiry.
We cannot find any video element in the home page. Where did you add the video with the fallback image? Please provide a direct link or create a test page.
The following thread might be related to this issue.
// https://kriesi.at/support/topic/video-lightbox-thumbnails-not-loading-black-screen/#post-1403093
Best regards,
Ismael
Hey Jason,
Thank you for the inquiry.
Have you considered using this plugin instead? It should allow you to disable registered thumbnails that come with the theme.
// https://wordpress.org/plugins/image-sizes-controller/
Please keep in mind that when the specified thumbnail is not available, WordPress will automatically use the original or full-size image as a fallback option. Therefore, disabling all thumbnails may negatively impact the loading speed of your website.
Best regards,
Ismael
Hey everyone!
I am prototyping a system and trying to find a way to really streamline the number of image sizes needed on a site. I am using a previously recommended plugin called Simple Image Sizes, and while trying to experiment with removing some of the sizes, they seem to keep coming back. While I cannot be sure if any of this is due to theme requirements, or not, I wanted to find out the necessary image sizes for the theme. I would really like to take it down to just using the following sizes:
Note: Retain items in Bold, Remove items in Italic
Size name Width Height Crop ?
thumbnail 495 px 400 px Yes
medium 990 px 800 px No
medium_large 768 px 0 px No
large 1920 px 1080 px No
1536×1536 1536 px 1536 px No
2048×2048 2048 px 2048 px No
widget 180 px 180 px Yes
square 180 px 180 px Yes
featured 1500 px 430 px Yes
featured_large 1500 px 630 px Yes
extra_large 1920 px 1080 px No
portfolio 990 px 800 px Yes
portfolio_small 495 px 400 px Yes
gallery 990 px 800 px Yes
magazine 990 px 800 px Yes
masonry 990 px 800 px No
entry_with_sidebar 845 px 321 px Yes
entry_without_sidebar 1210 px 423 px Yes
medium_large 768 px 0 px No
Is it possible to remove some of these (at least the ones where Enfold is concerned)?
If so, how do I keep them from reappearing in the list?
Hi,
Thank you for the screenshot.
You may need to add this filter in the functions.php file to correct the aspect ratio of the product images.
add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
return 'woocommerce_thumbnail';
}
Best regards,
Ismael
Hi,
Thank you for your patience, glad to hear the Regenerate Thumbnails helped, did you clear your site and browser cache? If you are sill having issues please include an admin login in the Private Content area so we can check.
Also, include a direct link to the page in question.
Best regards,
Mike
Hey Zdeněk,
Thank you for the inquiry.
We will release a fix containing a patch for this particular issue. For the meantime, please implement the suggested fix in the following thread.
// https://kriesi.at/support/topic/video-lightbox-thumbnails-not-loading-black-screen/#post-1403093
Best regards,
Ismael
Hey Yigit,
the other way around. All thumbnails in the same ONE line under the main image. It makes sense now that one can swipe the main image.
Best.
Elmar
Hey El,
Would you like to display thumbnails in 1 column? If so, please add the following code to the bottom of the Quick CSS field in Enfold theme options > General Styling
@media only screen and (max-width: 480px) {
#top.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 100% !important;
}
}
Your WooCommerce thumbnail size is currently 100x100px so displaying them in a single column would make them look blurry. Please install the Simple Image Size plugin https://wordpress.org/plugins/simple-image-sizes/, go to Settings > Media, increase “woocommerce_thumbnail” image sizes, and regenerate thumbnails.
If this isn’t what you meant, please share more details on the changes you’d like to make.
Best regards,
Yigit
OK, got it. In Regenerate Thumbnails you´ll have to check the additional thimbnail formats. After that it works.
But why is the image size still 210 and not 250:
<img src="http://v2.gmc-instruments.it/wp-content/uploads/2023/04/m840b-mavowatt-210-front_20310-210x210.webp" class="wp-image-11681 avia-img-lazy-loading-11681 attachment-shop_catalog size-shop_catalog wp-post-image" alt="" decoding="async" srcset="https://v2.gmc-instruments.it/wp-content/uploads/2023/04/m840b-mavowatt-210-front_20310-210x210.webp 210w, https://v2.gmc-instruments.it/wp-content/uploads/2023/04/m840b-mavowatt-210-front_20310-400x400.webp 400w, https://v2.gmc-instruments.it/wp-content/uploads/2023/04/m840b-mavowatt-210-front_20310-100x100.webp 100w, https://v2.gmc-instruments.it/wp-content/uploads/2023/04/m840b-mavowatt-210-front_20310-250x250.webp 250w" sizes="(max-width: 210px) 100vw, 210px" width="210" height="210">
Hi guys,
I have changed the thumbnail image size for the woocommerce gallery from 210×210 to 250×250.
How does woocommerce generate this images? Cause no thumbnail appears in my shop.
I did regenrate the thumbnails with the “regenerate thumbnails” plugin, but hothing happens. Additionally in my sourcecode the images size is still 210.
Many thanks for your help.
-
This topic was modified 2 years, 8 months ago by
donillo.
Hey epkdesign,
Try creating a new image size such as square_accordion by adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:
add_image_size('square_accordion', 510, 510, true);
add_filter( 'image_size_names_choose', 'my_custom_sizes' );
function my_custom_sizes( $sizes ) {
return array_merge( $sizes, array(
'square_accordion' => __( 'Square Accordion' ),
) );
}
Note that the image size is 510px square, this is because the Accordion Slider has a 500px minimum.
Then install the plugin Regenerate Thumbnails and go to WordPress ▸ Tools ▸ Regenerate Thumbnails
Then in your accordion slider element you can choose the new size:

and on the frontend the new image thumbnails will show:

Best regards,
Mike
Hi, on my https://www.fabiopiccini.com/welcome/
I’d like that the page displaying the articles only had thumbnails on the left and no images in text like on the page https://www.fabiopiccini.com
it’s possible?
and I also want the thumbnails not to be square but the same proportions as the featured image.
thanks for any help you can give me
Hey cappellettimax,
Thank you for your patience, I see that your images are cropped, so try installing the plugin Simple Image Sizes, then go to WordPress ▸ Settings ▸ Media ▸ shop_catalog size and change the cropping to “No”

then go to the bottom of the page and Regenerate the Thumbnails for that size.
Then clear your browser cache and any cache plugin, and check.
Best regards,
Mike
Hi,
To change the thumbnail for a specific category, visit the link below. Additionally, you can customize the font color and banner overlay style.
// http://site.com/wp-admin/term.php?taxonomy=product_cat&tag_ID=27&post_type=product
Make sure to adjust the URL, using your own domain and adjust the value of the tag_ID parameter using the the actual ID of the category. Or just go to the Products > Categories panel and click the category manually, then look for the Thumbnail and Enfold Category Styling options.
Best regards,
Ismael
Hi,
Thanks for your feedback but I see that your red bike image is still cropped, are you sure that you Regenerated your thumbnails:

I linked directly to the image below so you can see the crop, strange that this is the only image and the image on hover is also correct.
Best regards,
Mike