Hi,
Thank you for the update.
There are a lot of template modifications (header.php, footer.php, includes > loop-page.php) in the child theme folder. Please make sure that those files are up to date. Or disable them temporarily. The background was added directly in the body tag. You will find this code in the child theme’s header.php file.
<body id="top" <?php body_class($style." ".$avia_config['font_stack']." ".$blank." ".$sidebar_styling); avia_markup_helper(array('context' => 'body')); ?> style="background:url(<?php echo get_the_post_thumbnail_url();?>) no-repeat center top transparent;background-size:100% 370px;">
Best regards,
Ismael
Hello,
In portfolio entry page, I have checked source codes to see “ALT” definition of mansory gallery images. There was “TITLE” definiton, but no “ALT” definition. This is not good for SEO. How can I fix it?

<a href="https://www.kazdaglariotel.com/wp-content/uploads/2014/09/site-bahcesi-peyzaj-projesi-05.jpg" id='av-masonry-1-item-1707' data-av-masonry-item='1707' class='av-masonry-entry isotope-item post-1707 attachment type-attachment status-inherit hentry av-masonry-item-with-image av-landscape-img' title="TITLE" itemprop="thumbnailUrl" ><div class='av-inner-masonry-sizer'></div><figure class='av-inner-masonry main_color'><div class="av-masonry-outerimage-container"><div class="av-masonry-image-container" style="background-image: url(https://www.kazdaglariotel.com/wp-content/uploads/2014/09/site-bahcesi-peyzaj-projesi-05-705x396.jpg);" title="TITLE" ></div></div><figcaption class='av-inner-masonry-content site-background'><div class='av-inner-masonry-content-pos'><div class='av-inner-masonry-content-pos-content'><div class='avia-arrow'></div><h3 class='av-masonry-entry-title entry-title ' itemprop="headline" >TITLE</h3></div></div></figcaption></figure></a><!--end av-masonry entry-->
Hi,
the masonry blog view leaves only very little height for the post thumbnail, so it appears very narrow. Please see attached image.

I know that this is because we added Category, Title, Excerpt and Date, and all of these elements take height from the container, until there is only very little height left for the thumbnail. But right now it just does not look good.
I tried to play around with the masonry CSS to give the pictures more height, but with all these nested containers and absolute positionings it is really confusing and complicated and after 4 hours I am giving up.
Maybe you can give me an idea of what to change so that the post thumbnails have more height?
Thanks, Sebastian
JadeGuest
Hi, I need help with a tiny glitch on my blog (and it’s driving me a tad crazy as I can’t seem to fix it myself and I can’t access the support forum, WILL NOT allow me to log-in).
The thumbnail/feature images for my blog posts are blurry (some are, not all), and I’d love some help to fix this!
Thanks
Jade Sultana
ich kann dir leider keine Garantie geben. Wenn du früher die 450px hattest wäre es gut wenn du das als Maß für entweder das neue Format oder eben square austauscht.
Um ein Regenerieren der Thumbnails kommst du dann wohl nicht rum. Wie gesagt ich habe gute Erfahrungen mit “Force Regenerate Thumbnails” gemacht.
Diese Snippets hier zeigen dann die Vollauflösung Bilder in der Lightbox. Wenn du in deinen Quellcode guckst, dann siehst du dort 1030px x ??? als Quellimage. Mit den o.a. Snippets würde also dann 1280px oder eben die Auflösung des geuploadeten Bildes gezeigt werden.
Hi,
I am using Enfold in a client project, currently creating a custom Blog page with the Avia editor.
I am using the “Masonry Blog Posts” element. The output per blog element includes thumbnail, title, excerpt and date, but not the category name. When showing “All” (the default view), reader can not distinguish which blog entry belongs to which category.
Is it possible to add the category name to the output for each post? I am happy with custom editing a theme file, if nessecary. But I need some help to find that file. Also, I am using the free plugin “Code snippets” which allows me to add custom PHP functions. Maybe a snippet will suffice?
Any help would be greatly appreciated.
Thanks,
Sebastian, from Spain
Hi,
Thank you for the update.
Yes, the content of that file has changed a bit. Please look for this code around line 955:
if( $style == 'small' )
{
if(empty($this->atts['thumbnails']))
{
$image = "";
$extraClass = "av-magazine-no-thumb";
}
}
else
{
$excerpt = !empty($entry->post_excerpt) ? $entry->post_excerpt : avia_backend_truncate($entry->post_content, apply_filters( 'avf_magazine_excerpt_length' , 60) , apply_filters( 'avf_magazine_excerpt_delimiter' , " "), "…", true, '');
}
Replace it with this one:
if( $style == 'small' )
{
if(empty($this->atts['thumbnails']))
{
$image = "";
$extraClass = "av-magazine-no-thumb";
}
}
$excerpt = !empty($entry->post_excerpt) ? $entry->post_excerpt : avia_backend_truncate($entry->post_content, apply_filters( 'avf_magazine_excerpt_length' , 60) , apply_filters( 'avf_magazine_excerpt_delimiter' , " "), "…", true, '');
That will enable the excerpt for every items in the magazine element.
Best regards,
Ismael
I have relevanssi installed, except all that shows is just a thumbnail. I need it to open the actual ajax portfolio that includes the products content and info.
übrigens – wenn du die Vollauflösung in der lightbox anzeigen willst – setze das hier in die child-theme functions.php:
Masonry Lightbox Bilder Größe
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);
und das für das Galerie Lightbox Size:
function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta){
$link = wp_get_attachment_image_src($attachment->ID, "full");
return $link;
}
add_filter('avf_avia_builder_gallery_image_link', 'avia_change_gallery_thumbnail_link', 10, 4);
You can redefine an existing Format – but then you had to regenerate thumbnails ( there are plugins for that – force regenerate thumbnails ).
or you can add a custom format- for example create a new bigger-square format:
this comes to functions.php of your child-theme:
shorter form:
add_image_size( 'bigger_square', 344, 344, true );
add_filter( 'image_size_names_choose', 'my_custom_sizes' );
function my_custom_sizes( $sizes ) {
return array_merge( $sizes, array(
'bigger_square' => __('Bigger Square','avia_framework'),
) );
}
even here you had to regenerate Thumbnails.
-
This reply was modified 6 years, 6 months ago by
Guenni007.
Hi Basilis,
I send you an admin-login a while ago. Any help possible?
I had added a lot of galleries with perfect squared thumbs (WP-sizes used 450*450, resized to 355*355) of rectangular pictures before.
Now (after the last update?) it is not possible anymore. WP doesn’t make 450*450.
Medium (300*300) , Large (1030*1030) and Extra Large (1500*1500) deliver rectangular thumbs.
The only squares (1*1) I get are with Thumbnail (80*80) and Square (180*180) and these are definitely too small in resolution.
How do I get square thumbnails in 355*355 out of rectangular pictures?
Thanks,
Daniel
Please have a look at your source code to see if you really get the full resolution of the Lightbox pictures.
To set the source for the thumbnails there is, as far as I know, no filter that would make our work easier.
But you can put a copy of the av-helper-masonry.php in the Child-Theme folder ( best in a subfolder: shortcodes ), and then edit this copy.
search for the function prepare_loop_from_entries
( on Enfold 4.6.2 it is line : 601) – you will find on 612 :
$img_size = 'masonry';
//change to :
$img_size = 'full';
to load the edited ALB elements put this to child-theme functions.php
add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
$template_url = get_stylesheet_directory();
array_unshift($paths, $template_url.'/shortcodes/');
return $paths;
}
refresh all cachings – merging – performance tools.
Look to your page.
Hello,
Although this is an older question, I may have the solution for this. A little external software named Vidbox is solving the problem. You can enter the Youtube link in Vidbox and add a thumbnail. After that you get an embed code that you can insert in the code block of Enfold.
It shows than only related videos of your own.
It’s available on WarriorPlus. You can check how it works on
There are also some small videos in the sidebar.
Good luck with it.
Best regards,
Henk
Hello
Thanks for helping me with previous problems.
I came with a new question.
I wish I could put original quality picture on my home page full screen slider. I want to be full size, full quality. Now the quality it’s lower than original picture.
It’s a site with photographer business and quality must be good.
Also in Portfolio Items where I have all my picture I want to be full quality thumbnail. There it’s Masonry Gallery. All picture under this gallery I want to be original quality. When you click one picture and get full screen picture view with left and right navigation arrow, picture are full quality. But when you are on site page picture preview are lower quality.
Thanks.
-
This topic was modified 6 years, 6 months ago by
crixalis.
Hey ICEMAN,
Thank you for the inquiry.
Where can we see the actual images? Are they from a blog posts or archive widget? Please provide the link in the private field. That thumbnail (940x940px) is not generated by the theme if I am not mistaken.
Best regards,
Ismael
these two will do the job. The one is only to have instead of the 80px thumbnail a 180px square as image
Dear Viktoria
thanks for the fast reply & link – which I already knew and tried this version but with no effect
in that thread (from 2014) this folder path has changed:
wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\magazine.php
to this
wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/magazine/magazine.php
maybe that´s why this solution doesn´t work?
+++++++++++++++++
this is what I already tried: (Moderator Ismael: March 27, 2018 at 5:58 am)
+++++++++++++++++
Hi,
Thank you for the info.
Please look for this code around line 690.
if(empty($this->atts[‘thumbnails’]))
{
$image = “”;
$extraClass = “av-magazine-no-thumb”;
}
Below, add the excerpt.
$excerpt = !empty($entry->post_excerpt) ? $entry->post_excerpt : avia_backend_truncate($entry->post_content, apply_filters( ‘avf_magazine_excerpt_length’ , 60) , apply_filters( ‘avf_magazine_excerpt_delimiter’ , ” “), “…”, true, ”);
Best regards,
Ismael
+++++++++++++++++
any other ideas?
on functions-enfold.php on line 734 (Enfold 4.6.2) there is:
$image = isset($entry->av_custom_image) ? $entry->av_custom_image : get_the_post_thumbnail( $entry->ID, 'thumbnail' );
// change to
$image = isset($entry->av_custom_image) ? $entry->av_custom_image : get_the_post_thumbnail( $entry->ID, 'square' );
then the 180px square image from enfold is taken. Don’t know if there is a filter to influence it via child-theme functions.php (yet).
Hi,
Thank you for the update.
Remove the recent css code temporarily, then add the following snippet in the functions.php file. It will create a sale badge above the product image, so you don’t have to adjust it with css.
#
# removes the default post image from shop overview pages and replaces it with this image
#
remove_action('woocommerce_before_shop_loop_item_title', 'avia_woocommerce_thumbnail', 10);
remove_action('woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10);
add_action('woocommerce_before_shop_loop_item_title', 'avia_woocommerce_thumbnail_mod', 10);
function avia_woocommerce_thumbnail_mod($asdf)
{
global $product, $avia_config;
if(function_exists('wc_get_rating_html'))
{
$rating = wc_get_rating_html( $product->get_average_rating() );
}
else
{
$rating = $product->get_rating_html(); //get rating
}
$id = get_the_ID();
$size = 'shop_catalog';
echo "<div class='thumbnail_container'>";
if($product->is_on_sale()) {
echo '<span class="onsale">¡Oferta!</span>';
}
echo avia_woocommerce_gallery_first_thumbnail( $id , $size);
echo get_the_post_thumbnail( $id , $size );
if(!empty($rating)) echo "<span class='rating_container'>".$rating."</span>";
if($product->get_type() == 'simple') echo "<span class='cart-loading'></span>";
echo "</div>";
}
Best regards,
Ismael
Here is a test page. Thank you so much. I don’t remember what other elements had this issue but if I remember correctly image thumbnails had the same issue.
This issue is happening again, the category listings that we want randomized are in fixed position always the same. The order is newest first instead of random.
This code is in the functions.php file:
function avf_magazine_entries_custom_query ( $query ) {
$query['orderby'] = 'rand';
return $query;
}
The pages affected are using the Blog element and each page shows a different blog category, with thumbnail and excerpt. We are using a caching plugin, and host’s CDN (which I found out from our host only caches the images). But I have turned every off, cleared the cache, even had them clear the CDN and also try to find out if it could be the CDN or caching plugin (which the host installed). They said they cannot find any reason for this to be happening on their end. There are rules added to the caching plugin that should exclude these pages. Obviously something is not working.
The caching plugin is called W3TC and in the WP Dashboard it is listed under Performance.
Update: I have now turned off the caching plugin and deleted the caching folder that was left behind. I have cleared the cache on the CDN and turned it off. Still the page is not randomizing. At least now though you should be able to see what is happening without any of the caching interfering.
Since our host recommends, installed and configured this plugin I checked with them and confirmed that add page exceptions (to not be cached) I put those page URLs into a field called “Never cache the following pages:”. I checked that I had the format of the URLs correct (must start with / and don’t need the domain name, only page).
I think the issue is with Enfold. is this code still valid? Can you take a look and see what is going on?
It’s fine to clear the cache, turn the caching plugin off temporarily.
-
This reply was modified 6 years, 6 months ago by
mikehartrich.
Hey itchybrain,
Sorry for the late reply, I see that the pdf’s are in a image element but when I try to recreate this I can not choose a pre existing pdf from the library, and if I upload a pdf from the element it will not show.
Also the media library is not creating thumbnails for the uploaded pdf.
I did this testing on a clean install, so I guess that perhaps your client had a pdf plugin installed or an image plugin?
Sorry, wish I could have been more help.
Best regards,
Mike
Hey Ganubis,
Sorry for the late reply, unfortunately, this function doesn’t work for me in showing a thumbnail and my research finds that even with the ability to upload the file type to the media library, which I could, WordPress can not create a thumbnail from the file.
I also tested this in the default WordPress theme but the thumbnail still would not show, interesting webp is not supported in Safari so it may be more trouble than it’s worth at this time. As this is a core WordPress limitation, I’m not sure how we can further help.
Best regards,
Mike
Hi,
The lightbox can be set to open any page content.
If you like to open a youtube video when a thumbnail image is clicked please add “?iframe=true” to the end of the video link in the image element.
For more info please check the below link
Best regards,
Vinay
to update:
1-the logo appears when I scroll down the page and the menu becomes a smaller header…strange
2-the product thumbnails have since reappeared gradually. I guess because the rebuilding of the thumbnails took some time.
But I still don’t know why we don’t have a logo on the nav bar?
https://heaven11audio.com
Cheers,
i
Hi
Thank you for pointing me in the right direction. I updated to the latest version of Enfold, deleted the old one that was still there. No change. I then installed the Regenerate Thumbnail plugin, I got an error message that my server could not regenerate thumbnails due to missing Imagick or GD PHP extension. As soon as that was sorted, all thumbnails are back to their correct look and size.
Regards
Nina
Hello,
I have a problem with my site since the last update.
1-my logo no longer appears on the menu bar?
2-also, shop options were reset to ‘default’ in the enfold options, they used to be woocommerce 3.0. After I set them back to woo 3.0 the thumbnails on my product pages disappeared.
I can still click on the ‘invisible’ thumbnails and logo, but they’re not showing??
Cheers,
Itai
Hi, I have almost implemented the webp image format. I need to be able to preview the images or thumbails.

I found this function but I apply it and it doesn’t work
//enable preview / thumbnail for webp image files.
function webp_is_displayable($result, $path) {
if ($result === false) {
$displayable_image_types = array( IMAGETYPE_WEBP );
$info = @getimagesize( $path );
if (empty($info)) {
$result = false;
} elseif (!in_array($info[2], $displayable_image_types)) {
$result = false;
} else {
$result = true;
}
}
return $result;
}
add_filter('file_is_displayable_image', 'webp_is_displayable', 10, 2);
Thank you.
Greetings!
Hi,
Thank you for the update.
The link to the page, which is supposed to display the masonry element, redirects to a thread in this forum. Odd. Could you post it again? Did you happen to disable some of the predefined thumbnails in the theme?
Best regards,
Ismael
Hi there,
The thumbnails for my blog posts and the masonry gallery is not loading. The theme is version 4.6.2 and the WordPress is up to date. I tried regenerating the thumbnails and purging all cache and it still isnt’ loading.
Please advise. Thanks!