Hi,

Thank you for the update.

The issue is with the other page builder. You have to edit the images there and set the URL or link. If it’s not available, you may need to manually wrap the images in a link tag then use the image URL as value. Please contact the plugin developer for additional assistance.

Best regards,
Ismael

Hey Bpelzer,

Thank you for the inquiry.

Adding this css code should help move the copyright text below the image, but it will create a bit of extra space below the slider.

#presse .av-horizontal-gallery {
    padding-bottom: 120px;
}

#presse .presse-galerie .av-image-copyright {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    padding-top: 0;
}

#presse .presse-galerie .av-horizontal-gallery-wrap {
    overflow: visible;
    padding-bottom: 50px;
}

View post on imgur.com

Best regards,
Ismael

Hey Munford,

Thank you for the inquiry.

The images on the “mixed-media” page don’t have any links or are not wrapped inside a link tag. Unfortunately, we are not familiar with the SiteOrigin Builder and we are not sure how the images were added to the page, but you may need to edit them and make sure they include links that use the original image URL as the value.

Another option is to switch to the Advance Layout Builder and use image elements such as the Gallery or Masonry.

View post on imgur.com

Best regards,
Ismael

Hey Martin,

Thank you for the inquiry.

We noticed that the title attribute of the featured image is removed on mouse hover and returns on mouse out. Did you add a script that disables the title attribute on hover to prevent the default browser tooltip from showing? Please note that the lightbox script relies on the title attribute for the caption or image subtitle.

You may need to remove the script that disables the title attribute to keep the lightbox subtitle or caption consistent. Let us know the result.

Best regards,
Ismael

Hey Richard,

Thank you for the inquiry.

The image overlay is disabled on mobile devices by default. You can enable it back but you have to edit the themes/enfold/js/avia.js file and remove the following code from the avia_hover_effect function, around line 769.

if( $.avia_utilities.isMobile )
		{
			return;
		}

Make sure that the Enfold > Performance > File Compression is temporarily disabled. Let us know the result.

Best regards,
Ismael

Hey Daniel,

Thank you for the inquiry.

The same SVG logo image is displayed on small screens when we checked the previous site. Would you mind providing a screenshot?

Best regards,
Ismael

Hey faroestudio,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function change_posts_titles_from_h3_to_h2_in_grid_view() { ?>
  <script>
(function($) {
  $(function() {
    function replaceElementTag(targetSelector, newTagString) {
      $(targetSelector).each(function(){
        var newElem = $(newTagString, {html: $(this).html()});
        $.each(this.attributes, function() {
          newElem.attr(this.name, this.value);
        });
        $(this).replaceWith(newElem);
      });
    }
    replaceElementTag('.slide-entry-wrap h3.slide-entry-title.entry-title ', '<h2></h2>');
  });
}(jQuery));
</script>
  <?php
}
add_action( 'wp_footer', 'change_posts_titles_from_h3_to_h2_in_grid_view', 99 );

If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

and ensure that it is activated, then add the above code and save.

Best regards,
Mike

Hey ellkam,

Thanks for reaching out.

Try to completely remove the image from the Media > Library, then add this code in 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 );

This should set the maximum width and height of the thumbnail. Upload the image again afterward.

Best regards,
Ismael

Hey keep12,

Thank you for the inquiry.

Yes, you can override the includes > loop-index.php file in the child theme folder. Create a folder named includes, then place the loop-index.php file inside it. You can then add the author markup within the file.

This thread should help with the author markup: https://stackoverflow.com/questions/20467008/how-to-add-author-image-and-description-wordpress

Best regards,
Ismael

Hi,

It’s likely a server setting which is not allowing what you are trying to do, this might help you out:

A “File too large server error,” also known as a “413 Request Entity Too Large” error, occurs when a client attempts to upload a file or send data to a server that exceeds the server’s configured maximum upload size. This error is typically triggered by large files, such as videos, images, or plugins, exceeding the server’s limits. To resolve this, you’ll need to either reduce the file size or increase the server’s upload capacity.
Here’s a more detailed explanation:
Causes:

Exceeding Server’s Upload Limit:
Most servers have a maximum file size limit for uploads. If the file you’re trying to upload exceeds this limit, the server will return a 413 error.

File System Limitations:
In some cases, the file system of the destination device (like a USB drive) might have limitations on the maximum file size, even if the server’s limit is higher. For example, FAT32 file systems have a 4GB limit.

Solutions:
1. Reducing File Size:

Compression:
Compress large files (e.g., using .zip) to reduce their size before uploading.
Lower Quality:
If it’s a video file, consider recording or exporting it in a lower quality to reduce its size.

2. Increasing Server’s Upload Limit:

Adjusting PHP Settings:
For WordPress or other PHP-based websites, you can modify upload_max_filesize and post_max_size directives in your php.ini file or through your hosting control panel.

Modifying .htaccess:
In some cases, you can adjust the upload size limit through the .htaccess file.
Nginx Configuration:
For Nginx servers, you’ll need to modify the client_max_body_size directive in your nginx.conf file.
Contacting Hosting Provider:
If you’re unable to make these changes yourself, reach out to your hosting provider for assistance.

3. Handling File System Limitations:

Formatting to NTFS or exFAT: If the issue is with the destination file system (e.g., FAT32 on a USB drive), you can format the drive to a file system like NTFS or exFAT, which support larger files.

4. Additional Tips:

Compress files before uploading: This is a good practice even if the server limit is sufficient.
Check server settings regularly: Ensure your server’s upload limits are appropriate for your needs.
Implement client-side file size validation: Prevent users from uploading excessively large files in the first place.

https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Status/413

Best regards,
Rikard

Hey Jimmy,

You can copy/paste the image URL that you want to use into the logo field, then save the theme options.

Best regards,
Rikard

Hi,

Thank you for the update.

The desktop score is now 98, and 80 on mobile. CLS is now resolved, but there’s still an LCP issue, which now points to the text element below the first gallery. It will probably help to further reduce the size of the background image (kuechen-schmidt_edelstahl_footer-bg.jpg), which is still 43KB and larger than necessary. Optimizing the slider images such as kuechen-schmidt_stellenanzeige_Technischer-Koordinator_2406.webp (88KB), kuechen-schmidt_service-check_kundenzufriedenheit-1-300×150.jpg (32KB), along with the others would also help.

Best regards,
Ismael

Hey Sven,

Thank you for the inquiry.

The LCP is the background image used in the header container (kuechen-schmidt_edelstahl_footer-bg.jpg). It’s 2000px in width and 46Kb in size, which is a bit heavy. We recommend significantly reducing the image size, make sure it’s compressed and preload it using the plugin below.

— https://wordpress.org/plugins/preload-lcp-image/

CLS could also be improved by limiting the height of the revolution slider on smaller screens, making sure it doesn’t shift the page while the slider is loading. Please add this css code:

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #top #main #revolutionslider_1 {
    max-height: 220px;
    overflow: hidden;
  }
}

Best regards,
Ismael