Hi,

Thank you for the screenshot.

Did you add this css code?

.responsive .fullsize .grid-col-4 .grid-image {
    height: 215px;
}

This limits the height of the grid items. Try to remove this css code or override it with the following css rule:

.responsive .fullsize .grid-col-4 .grid-image {
    height: auto !important;
}

Let us know the result.

Best regards,
Ismael

Hey steviger,

Thank you for the inquiry.

You can continue using the Content Slider element. Add the following html in the editor:

<div class="av-flex-container">
<div class="av-image-column">
    <img src="http://site.com/image.jpeg" alt="Sample Image" /></div>
<div class="av-text-column">
<h2>Title Here</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel urna at sapien tempor dictum.

</div>
</div>

Then add this css code to create a container with two columns, an image on the left and a title with text on the right.

.av-flex-container {
  display: flex;
  width: 100%;
  height: 400px;
  flex-wrap: wrap;
}

.av-image-column {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.av-image-column img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.av-text-column {
  flex: 1;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #f5f5f5;
}

@media (max-width: 768px) {
  .av-flex-container {
    flex-direction: column;
    height: auto;
  }

  .av-image-column,
  .av-text-column {
    flex: 1 1 100%;
    height: auto;
  }

  .av-image-column img {
    height: 250px;
  }

  .av-text-column {
    padding: 20px;
  }
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The modification above should resize the testimonial items on all standard screen resolutions. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, ImgBB, PostImages or Dropbox to upload and share the screenshot.

Best regards,
Ismael

Hey slauffer,

Thank you for the inquiry.

The site is in maintenance mode, so we are not able to check it. Where the site is hosted? If it’s on OVH, you will need to import the demos manually using the XML files. Due to an issue with this host, images and other media files may not import correctly. Please refer to this documentation for more info.

— https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo

Let us know if you have more questions.

Best regards,
Ismael

Hey jonroot,

Thank you for continuing to use Enfold.

Have you done any speed optimization on the site such as image compression? We have checked some of the images, and they are quite large relative to their dimensions, one image is only 800×600px but is almost half a megabyte. We recommend installing an image compression plugin and a caching plugin. Please see the articles below for tips on further optimizing your site.

— https://gtmetrix.com/wordpress-optimization-guide.html
— https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow

Best regards,
Ismael

Hi,

You need to remove this css code if you want the featured image to resize automatically based on screen size. This rule sets a minimum height of 630px for the image, preventing it from shrinking while resizing the window. It does preserve the aspect ratio using object-fit: cover.

#top.single-post .fullsize .template-blog .big-preview img {
    width: 1200px;
    min-height: 630px;
    object-fit: cover;
}

Best regards,
Ismael

Hey Patrycja,
Thanks for your question, glad to hear that you have a full backup prepared, including the database, while we don’t expect any issues updating from v4.8.3 to v7.1.3 (lastest version) since Enfold mantins a good backward compatibly, we would note that your PHP version, 7.4.33 is quite old and some plugins (if any) may not work well with PHP v8+ Enfold now uses PHP v8+ as well as WordPress so you should expect to also update this.
I recommend creating a staging site to test the update on.
Then on the staging site, disable all plugins including any caching plugin and server caching & the Enfold theme caching in the Performance theme settings.
Then update to v7.1.3, and reload the site on the frontend using the browser “hard reload” to clear the browser cache. This will help clear the “post-css” files which serve the css background images in the color sections (if used).
Then update your PHP to v8+, I recommend  the lower end like v8.2 or such, not the “bleeding edge” highest version like v8.5, you can test this later if you wish.
If you are using a child theme and have modified header.php, footer.php or any other core theme files in the child theme, please save these to your computer and remove them from the child theme, these will be different in the current version & will most likely cause an error when updating.
When you update, you may not be able to update though the theme panel “update” feature as just about v4.8.3 Envato (Themeforest) changed from the API key to the Token key, so the best approach is to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New, after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue. Then you will see the Theme updated successfully message.
After updating see our documentation for creating an Envato Token so future updates can be done in the theme panel.
If you try to update via FTP, do not try to overwrite the theme files, as this will leave old files behind and cause errors, you would need the delete the old theme directory and then upload the new one, using the WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New is the easiest solution.

Best regards,
Mike

Hi,

Thank you for the screenshots.

We can’t reproduce the same issue on our installation. We tried selecting a filter, but the images remained the same. We even tried resetting the sorting and then selecting another filter, but the images still look the same. Which browser are you testing this with?

Best regards,
Ismael

Hey Jables,

Thank you for the inquiry.

This layout is not available by default, but you can try using the Blog Posts element. Set Content > Select Entries > Blog Style to Single author, big preview pic, then add the following css code to place the featured image beside the post content.

.av-alb-blogposts {}

.av-alb-blogposts .post-entry {
    display: flex;
}

.entry-content-wrapper .big-preview.single-big {
    min-width: 30%;
}

.av-alb-blogposts .big-preview.single-big a {
    height: 100%;
}

.av-alb-blogposts .big-preview.single-big a img {
    object-fit: cover;
    height: 100%;
    max-height: 300px;
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The images are now visible, but they’ve changed from square to rectangular. If you refresh the page, they appear square again.

The images in the portfolio grid still look square when we checked. This is how the grid looks on our end:

Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, ImgBB, PostImages or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, ImgBB, PostImages or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like the script is working, but the isotope script still re-arranges the masonry items, placing the 4th item at the very end of the set. The isotope script is responsible for the masonry effect and sorting. Have you tried deleting that particular post (date August 13, 2025) and recreating it from scratch? You could try rephrasing the title a bit and adjust the image size.

Best regards,
Ismael

Hey sjahan,

Thank you for the inquiry.

We’ve made a few edits to the script — please try it again. Make sure to clear your cache before checking the page.

/* remove image and link title attributes on hover */
function remove_title_attr(){
?>
<script>
jQuery(document).ready(function($){
    $('#wrap_all a, #wrap_all img').removeAttr('title');
});
</script>
<?php
}
add_action('wp_footer', 'remove_title_attr');

Best regards,
Ismael