Hi,

I don’t think your measurements are correct. The Book image I just measured is over 500px tall

We were referring to the featured images in the blog overview page. Please check screenshot 1 in the private field and look at the name of the thumbnail. FYI, WordPress automatically creates thumbnails of the original image and crops them based on the registered size of the thumbnails. The thumbnail that is used in the blog page is called “entry_without_sidebar“, which has a maximum size of 1210x423px. If you want to check how the size of the thumbnails are defined, edit the wp-content > themes > enfold > functions.php file and look for this code around line 223.

$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);		            	// big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );						// images for fullsize pages and fullsize slider

Did you follow our suggestions above about thumbnail size adjustment using the Simple Image Sizes plugin ? You should also upload images with the same size and aspect ratio for every posts to get a much more consistent result.

I just measured it and it’s over 600px.
https://staging7.investforbetter.org/circling-back-invest-for-better-one-year-later/

You are looking at the “rendered size”, which is different compare to the “intrinsic size” or the actual size of the image. The actual size of the image in that post is only 700x394px, but since the layout requires the image to be stretched full width, you are seeing a much larger “rendered size”. (see screenshot 2)

Best regards,
Ismael

Hey erictuvel,

Thank you for the inquiry.

The maximum height of thumbnail on blog overview pages without a sidebar is only 423px. This thumbnail is called “entry_without_sidebar”. The maximum size of this thumbnail is set to 1210x423px by default, but it can be adjusted in the Settings > Media panel. You have to install the Simple Image Sizes plugin first. The plugin has not been tested on the latest version of WordPress but it works just fine. Make sure to regenerate the thumbnails after adjusting the thumbnail size.

Best regards,
Ismael

Hey sitibus,
Thank you for your patience, to make the shop product thumbnail and container, and the product table transparent, please try this css:

#top.single-product .woocommerce-product-details__short-description table,
#top.single-product .woocommerce-product-details__short-description table tr {
	background: transparent;
}
#top.woocommerce-shop .inner_product.main_color,
#top.woocommerce-shop .inner_product_header {
	background-color: transparent;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Cactusman07,

Thank you for the inquiry.

To change the thumbnail, you have to modify the single-portfolio.php file and look for this code around line 29.

 $avia_config['size'] = avia_layout_class( 'main' , false) == 'entry_without_sidebar' ? '' : 'entry_with_sidebar';
                    get_template_part( 'includes/loop', 'portfolio-single' );

Replace “entry_with_sidebar” with “full”. You can also adjust the default size of the “entry_with_sidebar” thumbnail using the Simple Image Sizes plugin.

Best regards,
Ismael

Hi,

@G4Design: Happy new year! You can start a new thread or request using the form below.

// https://kriesi.at/support/forum/enfold/#new-post

Did you actually select the full size version of the logo before inserting it in the theme options? It is currently using the medium thumbnail, which has a maximum width of 300px by default.

Best regards,
Ismael

Hey Angelo,

Thank you for the inquiry.

We cannot reproduce the issue on our end. Both image and masonry element opens or displays the “large” thumbnail in the lightbox container.

Did you set the Image element’s Advanced > Link Settings > Image Link? to “Open in Lightbox”, or did you manually specify the image URL?

If you want to adjust the default lightbox thumbnail size for the masonry gallery, use this filter in the functions.php file.

add_filter("avf_alb_lightbox_image_size", function($size, $context) {
    if($context = "avia_masonry") {
        $size = "full";
    }
    return $size;
}, 10, 2);

Default thumbnail size is “large”.

Related thread: https://kriesi.at/support/topic/portfolio-eintrage-bilder-proportional-hochladen/

Best regards,
Ismael

Hi,

Thank you for the update.

The video is displaying correctly on our end as shown in the screenshot below (see private field). Out of the box, there is no option to set a text or tooltip for the portfolio grid items.

To adjust the image size, edit the portfolio grid element, go to the Styling > Grid Settings tab and adjust the Portfolio Grid Image Size to the second option. You will then be able to select a specific thumbnail size. And as much as possible, you should also upload images with the same size and aspect ratio.

Best regards,
Ismael

Hey Reina Smallenbroek,
Thank you for the link to your single portfolio item, I see that the featured image is using the 845×321 image, to use a larger image that is not cropped, try adding 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_with_sidebar'] =array('width'=>1500, 'height'=>1500 , 'crop' => false);
  return $size;
}

this will only take effect on new uploaded featured images, or you can use the thumbnail regeneration plugin
Then clear your browser cache and any cache plugin, and check.
Our support forums are closed for the holidays, we will be back on Jan 3, at that time if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey Ramon,
Thank you for the link to your site, the closest I could come to your request is this script and css that shows the gallery image thumbnail alt tag on mouse-over:

which works ok if the alt tag doesn’t contain too much text, since the image needs to be clickable to view the larger image above if there is too much text you can’t click the image.
If you want to try this, add this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_gallery_tooltip_script() { ?>
    <script>
(function($) {
	setTimeout(function(){
  $("#top.single-product .flex-control-thumbs>li>img").wrap('<div class="alt-wrap"/>');
  $(".alt-wrap>img").each(function() {
    $(this).after('<span class="tooltip">' + $(this).attr('alt') + '</span>');
  });
	},300);
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_gallery_tooltip_script');

and this code in the General Styling ▸ Quick CSS field:

.alt-wrap { 
  display: block;
  position: relative;
  margin: 0px;
}
.alt-wrap span.tooltip {
  opacity: 0;
  position: absolute;
  left: 0; right: 0; bottom: 0;
  margin: 0;
  color: #fff;
  padding: 5px;
  font-size: 10px;
  line-height: 12px;
  background-color: rgba(0,0,0,0.8);
  transition: all 300ms ease;
  transition-delay: 300ms;
}
.alt-wrap:hover > span.tooltip { 
  opacity: 1; 
  transition-delay: 0s;
}

Then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hey nexusgeografics,
You can edit this file:
/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio/portfolio.php
on line 1084 find:
$output .= "<{$link_markup[0]} data-rel='grid-" . avia_post_grid::$grid. "' class='grid-image avia-hover-fx'>{$custom_overlay} " . get_the_post_thumbnail( $the_id, $image_size, $image_attrs ) . "</{$link_markup[1]}>";
cut and paste before line 1124:
$output .= '<footer class="entry-footer"></footer>';
then add a custom class to the “avia-arrow” it will point down instead of up, to do this edit line 1085 from this:
$output .= ! empty( $title ) || ! empty( $excerpt ) ? "<div class='grid-content'><div class='avia-arrow'></div>" : '';
to this:
$output .= ! empty( $title ) || ! empty( $excerpt ) ? "<div class='grid-content'><div class='avia-arrow top-grid-title'></div>" : '';
then add this css to your Quick CSS:

.grid-entry .top-grid-title.avia-arrow {
    border: none;
    top: 49px;
    z-index: 1;
}

This is the results on my test site:

Best regards,
Mike