Hi,
Thanks for the feedback, remove the css above and keep the caption in your featured image in the media library, and then try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_post_featured_image_link( $image_link ) {
	if(is_single() && has_post_thumbnail()) {
		$image_link = get_the_post_thumbnail();
		$thumbnail_id = get_post_thumbnail_id();
		$thumbnail_caption = wp_get_attachment_caption($thumbnail_id);
		$caption_div = '<div class="featured-image-caption" style="text-align: center;">' . esc_html($thumbnail_caption) . '</div>';
		$image_link = $image_link . $caption_div;
	}
	return $image_link;
}
add_filter( 'avf_post_featured_image_link', 'custom_post_featured_image_link', 10, 3 );

the caption should show like this:

I’m not sure how it will show for your different layouts as the WordPress login above didn’t work for me so I couldn’t test, so give it a try.

Best regards,
Mike

Hi,
Try adding the custom class larger-thumbnails to the magazine element that you are using on the page and then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_larger_thumbnails_script() { ?>
  <script>
(function($){
  $('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('width', '180px');
  $('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('height', '180px');
  $('.av-magazine.larger-thumbnails .av-magazine-entry img').attr('sizes', '(max-width: 180px) 100vw, 180px');
  $('.av-magazine.larger-thumbnails .av-magazine-entry .av-magazine-thumbnail').css({'height': '180px','width': '180px'});
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_larger_thumbnails_script', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hey robertbwc,
The thumbnails under the product image is added via the metabox in the edit page:

To add a video under the product image, this space is the product sidebar, so you can add a sidebar widget with a video, if you want this for only one product or a different video for each product the Widget Options plugin will allow you to select which product pages will show which widget elements

Best regards,
Mike

Hey dancedojo,
Please see the “list layout” option in the blog post element.

You can also hide the thumbnails in the magazine element and only show the title & date:

Best regards,
Mike

Hi,

@Guenni007: Thanks for the info.

@xfacta: You can also try the filter provided by @Guenni007 above to change the post thumbnail.

Best regards,
Ismael

Hi,

Thank you for the update.

so that will just keep the featured image its actual size and not change/crop it to a fixed size?

Yes, we set the maximum size of the post thumbnails (entry_with_sidebar and entry_without_sidebar) to 9999px, so uploading any images smaller than that size should remain or display as they are. After adding the code, please make sure to regenerate the thumbnails or upload the featured images again.

Best regards,
Ismael

Hey xfacta,

Thank you for the inquiry.

You can adjust the default width and height of the thumbnails used in the blog posts by adding this code to the functions.php file:

function avf_customization_modify_thumb_size( $size ) {
      $size['entry_without_sidebar'] = array( 'width' => 9999, 'height' => 9999 );
      $size['entry_with_sidebar'] = array( 'width' => 9999, 'height' => 9999 );
      return $size;
}

add_filter( 'avf_modify_thumb_size', 'avf_customization_modify_thumb_size', 10, 1 );

After adding the code, you have to regenerate the thumbnails or upload the images again:

// https://wordpress.org/plugins/regenerate-thumbnails/

Please make sure to create a site backup before proceeding.

Best regards,
Ismael

Hi,
To change the h1 font size on single posts try this css:

#top.single-post #wrap_all .all_colors .post-entry h1.post-title.entry-title {
	font-size: 20px;
}

I’m not sure what you mean by changing your image size, when you upload an image WordPress creates thumbnails of it to be used in different situations, often cropping your image, but for best results you should resize you image before you upload it, here is a free online resizer. If you need further help with this please open a new thread and explain in more detail including the sie you want the image to show and what size you are uploading.
Please note that we ask that you create a new thread for each issue, this helps other users find solutions based on the opening subject line quicker and helps keep the thread length manageable and on topic for multiple mods to assist. Thank you for your understanding.

Best regards,
Mike

Hi,

Another thing that might help with the LCP issue is to resize the image further. I know you already did this, but the current width of the original image is still 1200px, while the maximum size of the video container on desktop view is only 700px. This will be a lot smaller on mobile devices, so it will require a smaller image. Resizing the image to 700px or 600px (smaller is better) before uploading it should improve LCP.

This should also be done for the images in the columns (Couples Counseling, Individual Counseling, etc.) below the video. The rendered size of the image is only 355px, but the actual image is 845px in width. You should upload a smaller image or make sure to pick a smaller thumbnail size (portfolio, masonry, medium, etc.). The same thing should be done with the images below the “Schedule an appointment” button if you really want to optimize the loading speed of the page.

Best regards,
Ismael

Hi,
Also use Guenni007 code for full size image.

function custom_post_featured_image_link( $image_link, array $current_post, $size ){
  if(is_single()){
    $image_link = get_the_post_thumbnail( $current_post['the_id'], 'full' ); /**** or medium, square etc. ***/
  }
  echo $image_link; 
}
add_filter( 'avf_post_featured_image_link', 'custom_post_featured_image_link', 10, 3 );

Best regards,
Mike

Hi,
When I test this function on my test shop site:

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 'fullsize';
}

The category and tag archive page show the full size product images.

Best regards,
Mike

Hi,

You don’t really need to compress the images prior to uploading, but it will help a lot if you could resize the image to an optimal size before uploading them, for example, 1920x1080px. Resizing the images before uploading will result in smaller thumbnails in terms of file size. If you want to manually compress the images after resizing, please check the online tools that we linked above. You can test it first with the video thumbnail to see if you get a better result.

Best regards,
Ismael

Hi,

We just logged in to the site and noticed that the size of the fallback image (see private field) is overly large (4032x3024px), around 3MB. Even after compression, the size is still 551.97 KB, which is still large for an image of that size and aspect ratio. Please resize the image to around 1920x1080px, then upload it again. If you can run the image through an image compression tool before uploading, you should expect a much better result. Uploading a pre-compressed and resized image will result in thumbnails with much smaller file sizes.

The file was compressed from 3.08 MB to 551.97 KB, saving 82.52 percent, using WP-Optimize

Online image compression tools:

// https://imagecompressor.com/
// https://compressjpeg.com/

Best regards,
Ismael

Hi,
Try this function instead:

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 'fullsize';
}

Best regards,
Mike

Hi,

Add this css code to adjust the layout of the tag pages:

#top.tag .no_margin.av_one_third {
  float: none;
  margin-right: 2%;
  width: 31%;
  margin-bottom: 2%;
}

#top.tag .grid-sort-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

#top.tag .grid-entry-title.entry-title {
  font-size: 1.2em;
  padding: 10px 13px;
}

Then add this code in the functions.php file to adjust the image thumbnail:

add_filter("avf_post_slider_args", function($atts, $context) {
  if( $context == "tag" ) {
    $atts['type']  = 'grid'; 
    $atts['preview_mode'] = 'custom';
    $atts['image_size'] = 'full';
  }
  return $atts;
}, 10, 2);

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hey Angelo,

Thank you for the inquiry.

In the EN version, you may need to edit the Text Block containing the embedded attachment and manually adjust the image URL.

<a href="https://www.site.it/wp-content/uploads/2022/07/23-495x400.jpg" class="lightbox-added" style="position: relative; overflow: hidden; display: block;">
    <img
        decoding="async"
        aria-describedby="caption-attachment-18987"
        class="wp-image-11154 size-portfolio"
        title="Toward Stafal"
        src="https://www.site.it/wp-content/uploads/2022/07/23-495x400.jpg"
        alt="Toward Stafal"
        width="495"
        height="400"
        srcset="https://www.site.it/wp-content/uploads/2022/07/23-495x400.jpg 495w, https://www.site.it/wp-content/uploads/2022/07/23-845x684.jpg 845w"
        sizes="(max-width: 495px) 100vw, 495px"
    />
    <span class="image-overlay overlay-type-image" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 409.062px; width: 513px;"><span class="image-overlay-inside"></span></span>
</a>

Currently, it is linked to this thumbnail:

https://www.site.it/wp-content/uploads/2022/07/23-495x400.jpg

Whereas the IT version links to the original version of the image:

https://www.site.it/wp-content/uploads/2022/07/23.jpg

Best regards,
Ismael