Thank you! Works great. How would I be able to have the thumbnail show the top of the image instead of the center?
Also, one more thing, i’m trying to add a color hover affect on the product images. I added this:
#top .av-product-class-minimal img:hover {
background: #D9FF6C !important;
}
but it didn’t work. Any suggestions? Thank you again!
Hey bobfurgo,
In your WordPress Dashboard, go to Appearance > Customize > Woocommerce > Product Images.
Change Thumbnail width to 400 and save.
Find, Install and Activate a plugin that regenerates images so all images will be regenerated otherwise you’ll need to re-upload product images again.
Best regards,
Victoria
Hi,
If you have any quick info on this I would appreciate it. I am hoping to launch this site on Monday.
I thought this issue might be related to thumbnails. I regenerated them and the problem still persists.
As you can see on the site and screenshots below there is just a sliver of an image on the blog page.
It looks great on a desktop browser, but it has issues on mobile
(currently I’m using an iPhone 11 Pro Max, but I know it has issues on other phones as well, perhaps you can check yours)
Portrait is NOT ok: see image attached
Landscape is ok: See image attached
Do you have a quick fix for this? Do you think the solution is to do a CSS minimum height for mobile devices? If so please share. Or, is this another issue?
Thank you,
Jas
Hi,
Found several typos in original English:
“Some SEO plugins need to process shortcodes when bulding the header” -> should be ‘building’
“protocoll” -> “protocol”
“Load google fonts in footer”-> Google
“Only use if you know what you are doing ;)” -> ;-)
“The Font heading allows you to use a wide range of fonts for your headings. Uplooad your own fonts, use websave fonts (faster rendering) or Google webkit fonts (more unique).” -> Upload
“Show Thumnails and display post title by tooltip” -> Thumbnails
“Show Blog Sidebar on Archiv Pages” -> Archive
“Disable advance layout builder preview in backend” -> Advanced Layout Builder
“Hide badge and string completly on every page” -> completely
“instagram” -> Instagram (several places)
“Linkedin” -> LinkedIn
Regards,
Roger
PS Working hard on completing Dutch translation
-
This reply was modified 5 years, 11 months ago by
EZWebdesign.
Is it possible to disable lightbox for entries thumbnails or for the entire blog page?
Hi maxisgoinghome,
You can try to use the plugin https://wordpress.org/plugins/regenerate-thumbnails/ if it does not work, you’ll need to reupload the images.
If you need further assistance please let us know.
Best regards,
Victoria
The logo on website is automatically being set to thumbnail. Nothing in settings are causing this on my end. Please can you look at this and find a fix.
Hey Andrea,
Sorry for the late reply, your video on your page looks like the background image is showing and not the thumbnail of the video, have you already resolved this?
Best regards,
Mike
Hi,
I am a huge fan of your theme and am constantly making clients aware it’s the way to go. However, I’ve been struggling for the past 12 hours with this. Is there a way to adjust the size of the container in Quick css for “Display product image and description as full width page banner”?
On laptop, the banners are getting cropped on the bottom and on mobile the banner is getting pushed up to where it’s almost hidden entirely. So far, I am using:
.container .av-content-small.units {
width: 100%; !important;
}
.template-shop .page-thumb {
width: 100%; !important;
}
#top .thumbnail_container img {
width: auto;
}
.av-parallax-inner { background-size: 100% !important; }
Also, is there a way I can have the mobile version select a different image (for mobile only)?
website is londongreyatx.com
Thank you,
Tom
I was hoping to find a solution – but didn’t find it exactly when I searched around so forgive me if you have already answered this. I want to use the blog list on the home page – however – rather than an icon (pencil) I want to use the featured image as a thumbnail while still having the compact layout. Is this possible? I have included a link below.
With gratitude,
CJ
Hello Ismael,
Thanks for removing the large padding on the right of images when thumbnails are showing on a blog post of smaller mobile devices.
Can we remove all padding for videos and images while keeping a small padding for text only?
Stay safe,
ofekw
@webvriend,
I didn’t realise the Responsive images came from core as well! Wow OK this is going to be the final tick in a box for Enfold for me. If we get Lazy load support as well then the only way to further improve it performance wise will be to reduce the main framework.
I’ll be testing autoptimize when I get the chance to reduce the size of the merged files.
Looks like the Devs at Enfold have some work to do! I will still compress all images before uploading them. It helps keep the server and database clean. But When the update lands I will need to regenerate thumbnails for all of my websites so I can enable the feature.
Hey milkrow,
Try using the av_gallery shortcode:
[av_gallery ids='316,315,314,313' style='thumbnails' preview_size='portfolio' crop_big_preview_thumbnail='avia-gallery-big-crop-thumb' thumb_size='portfolio' columns='4' imagelink='lightbox' lazyload='avia_lazyload' alb_description='' id='' custom_class='' av_uid='av-k91pwd71' admin_preview_bg='']
Just replace 316,315,314,313 with the image/attachment IDs.
Best regards,
Nikko
Hi,
It looks like WP-CLI can only generate thumbnails for images missing image sizes with [--only-missing] , if you know how to use WP-CLI Here is the official site. This answer says it takes about 30 seconds for this to correct 4000 images.
But I didn’t find an alternative to this or a plugin to do the same, perhaps I missed it.
Did you try to manually regenerate one image to see if this helps?
Best regards,
Mike
@webvriend @gunter
Not sure if you have seen but WordPress core team are planning to launch Lazy loading of images as standard in WordPress Core. Lazy load is being added to all major browsers as a html solution rather than relying on Javascript. I’d imagine that for enfold to add responsive images, that the Enfold team will need to wait until after the new lazy loading attributes are added to the core, otherwise the new responsive image coding may not be compatible with lazy load.
@gunter – Just so you are aware, I currently use a plugin to stop enfold from generating all of the image sizes due to node limitations on my server. I.e. The maximum number of files allowed is about 250,000. Split over several websites I would need to massively increase the number of server packages I currently use to accomodate all of the Enfold sites I run if I had to allow every single enfold image size to generate on each site. I am not sure how you intend on adding responsive image sizes to Enfold but I may have to regenerate all images on every site in order for this to work.
@webvriend have you tried using Jetpack’s site accelerator? I believe that it automatically picks the best fit for each image size? assuming you have allowed all thumbnails to generate? I have experienced the odd issue with this where it picks the wrong image size for the space available.
There is an option on the video element to “Choose a preview/fallback image” but it only seems to display if you’re on your phone. How do I make that image show up always instead of the default Vimeo thumbnail?
https://berkleyhills.org/
-
This topic was modified 5 years, 11 months ago by
CurlyHost. Reason: I accidentally pressed enter too quickly
Hi,
It looks like your “portfolio” size, 495, is activate so they should regenerate.
The Regenerate Thumbnails has the option to skip over images that already have correctly-sized thumbnails.

This should leave only the missing ones to regenerate.
Best regards,
Mike
Hello,
I know this is an old thread but it showed up on Google when I searched for the same possibility.
I figured to make it work : display a 2:3 ratio image to Pinterest share pins.
First, you need to create a custom size with 2:3 ratio, here I took 600×900 :
add_image_size( 'pinterest-size', 600, 900, true );
add_filter( 'image_size_names_choose', 'custom_pinterest_size' );
function custom_pinterest_size( $sizes ) {
return array_merge( $sizes, array(
'pinterest-size' => __( 'Ratio 2:3' ),
) );
}
Then, you can edit the pinterest URL pattern with avia_add_social_share_link_arguments :
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args)
{
if(is_single() && get_the_ID()){
$args['pinterest'] = array("encode"=>true, "encode_urls"=>true, "pattern" => "https://pinterest.com/pin/create/button/?url=[permalink]&description=[title]&media=".get_the_post_thumbnail_url(get_the_ID(), 'pinterest-size'), 'label' => __("Share on Pinterest",'avia_framework'));
}
return $args;
}
And that’s it !
Hope it will help some other who get to this thread from Google with the same issue.
Each of those images are using the original full-size image and not the 495 image.
You mean post?
But it is not using full size, it is a 404 error.
I get this:
Array
(
[1536x1536] => Array
(
[width] => 1536
[height] => 1536
[crop] =>
)
[2048x2048] => Array
(
[width] => 2048
[height] => 2048
[crop] =>
)
[widget] => Array
(
[width] => 36
[height] => 36
[crop] =>
)
[square] => Array
(
[width] => 180
[height] => 180
[crop] =>
)
[featured] => Array
(
[width] => 1500
[height] => 430
[crop] =>
)
[featured_large] => Array
(
[width] => 1500
[height] => 630
[crop] =>
)
[extra_large] => Array
(
[width] => 1500
[height] => 1500
[crop] =>
)
[portfolio] => Array
(
[width] => 495
[height] => 400
[crop] =>
)
[portfolio_small] => Array
(
[width] => 260
[height] => 185
[crop] => 1
)
[gallery] => Array
(
[width] => 845
[height] => 684
[crop] =>
)
[magazine] => Array
(
[width] => 710
[height] => 375
[crop] =>
)
[masonry] => Array
(
[width] => 705
[height] => 705
[crop] =>
)
[entry_with_sidebar] => Array
(
[width] => 845
[height] => 321
[crop] =>
)
[entry_without_sidebar] => Array
(
[width] => 1210
[height] => 423
[crop] =>
)
[medium_large] => Array
(
[width] => 768
[height] => 0
[crop] =>
)
[shop_thumbnail] => Array
(
[width] => 120
[height] => 120
[crop] =>
)
[shop_catalog] => Array
(
[width] => 450
[height] => 450
[crop] =>
)
[shop_single] => Array
(
[width] => 450
[height] => 999
[crop] =>
)
)
How can I regenerate those 30 ones. I don’t want to regenerate 50,000 images.
Thanks.
Hi,
Each of those images are using the original full-size image and not the 495 image.
To regenerate the images you could try this plugin, but I recommend checking that the “portfolio” size is being created, try adding this code to the end of your functions.php file in Appearance > Editor:
function your_thumbnail_sizes() {
global $_wp_additional_image_sizes;
print '<pre>';
print_r( $_wp_additional_image_sizes );
print '</pre>';
}
add_shortcode('your-sizes', 'your_thumbnail_sizes');
and then create a new page with this shortcode [your-sizes] to display the sizes.
Best regards,
Mike
One more thing. Now that the plugin is deactivated, quality is improved. But the 189×189 thumbnail is using images that are 705px on the long edge which relates to about 450px on the short edge. This is over twice the size needed for the thumbnail. I’d imagine this would slow page loading as higher resolution files are being brought it. Thoughts?
I am using a lot of masonry galleries on my portfolio items. I have a perfect grid with 6 columns and square thumbnails. The thumbnails are very blurry. It appears the thumbnail squares are 189×189 pixels but it is loading images at their native aspect ratios, showing a square portion of them, but ony at 126px wide. The stretching from 126px to 189px is most likely the problem. Suggestions on having the galleries fetch the 180x180px squares that Enfold generates on media uploads?
Sample gallery here: https://jimpattersonphotography.com/portfolio-item/new-zealand-photo-gallery/
Hi santanin,
Please have a look at the following thread:
If you need further assistance please let us know.
Best regards,
Victoria
Hi KeyshaunSmith,
Please go to WooCommerce > Settings > Products > Display and change image sizes and then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
If you need further assistance please let us know.
Best regards,
Victoria
just for info: we do not need the shortcode
and because on the most cases it makes no sence on showing the featured image on a post or portfolio created with advanced layout builder – we can use the meta box setting of showing or not showing the featured image.
add_filter('avf_template_builder_content', 'avf_template_builder_content_postimage_mod', 10, 1);
function avf_template_builder_content_postimage_mod($content = "")
{
if(
is_singular('post') && ( '1' != get_post_meta( get_the_ID(), '_avia_hide_featured_image', true ) )
|| is_singular('portfolio') && ( '1' != get_post_meta( get_the_ID(), '_avia_hide_featured_image', true ) )
)
{
$featuredImage = get_the_post_thumbnail( $the_id, 'entry_with_sidebar' );
$content = $featuredImage . $content ;
}
return $content;
}
Hi there,
in enfold/wp the post images have different aspect ratios (big preview, thumbnail and so on).
usually its not a problem.
but my customer uses in his images always text elements and an aspect ratio 2:1.
how can i set the single big preview image and the thumb to the aspect ratio 2:1.
i found several old threads about this problem. solution was sometimes a plugin called simple-image-sizes. but this plugin will not longer updated.
thx in advance :-)
-
This topic was modified 5 years, 11 months ago by
volmering.
Hello Victoria
thank you for your reply. If I add “Griglia di Prodotti” as suggested I got the list of all the products available in the shop. Maybe it was me who misguided you to the wrong solution because I was not clear. Anyway, I need instead the Image gallery and zoom options for the single product, that is the possibility to zoom in the image of the product in the product page, and the thumbnails of other images (related to the same product) also in the product page, under the main image.
Looking forward to your answer.
Thank you
Alessandra
-
This reply was modified 5 years, 11 months ago by
aledelpu.
Hello Rikard,
1-For example by comparing the old and the new website the product galleries had a functionality of add to wishlist button instead of add to cart
and it would popup an overlay block over the product thumbnail with dropdown menu or options,
2- another example is the my wishlists in the top menu, upon hovering it should display an dropdown overlay gallery of the most recent used wishlist
these are some of the examples
thanks
or – you determine a different image-size as source for the lightbox image
for masonry galleries – this to child-theme functions.php:
function avia_change_masonry_thumbnail_link($size){
return "full";
}
add_filter('avf_avia_builder_masonry_lightbox_img_size', 'avia_change_masonry_thumbnail_link', 10, 1);
then it will take the full image size ( original uploaded Image ) for it
btw: for different images ( image lightbox or gallery etc.) there are different filters to use
avf_avia_builder_gallery_image_link or
avf_avia_builder_helper_lightbox_size
PPS: for your mobile rendering of the image : no solution yet.