Hi,
Typically that is where you would install the latest theme from your Envato (Theme Forest) account.
But there is no v99.99.99, so my concern is that your current install has been tampered with. Someone modified it.
I recommend creating a full backup first, files & database, in your webhost tool, not a plugin.
Then backup your theme settings under Enfold->Import/Export, and manually copy your Quick CSS and WordPress ▸ Customize ▸ Additional CSS to a plain text file.
Then try installing the current version like this:
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.

Best regards,
Mike

Hi,
If you bought the theme in your Envato (Theme Forest) account, then you can download the updates. Support in the forum is different.
If your developer bought the theme and you don’t have an Envato (Theme Forest) account, then you will need to purchase a new license.
I do not expect any issues when updating from 4.2.1 to 7.1.1, but as good practice you should first make a full backup of your site, files and database.
Please use your webhost backup tool and not a plugin, most plugins do not restore well.
To update your version of Enfold you will need 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.

Best regards,
Mike

Hi,

At first, it’s probably a trade-off between quality and performance when it comes to images. The filter we suggested above was added to balance the two and give users the option to adjust them based on their requirements. If we’re not mistaken, setting the quality to the maximum didn’t previously result in thumbnails with overly large file sizes, or we would never have set it as the default. It’s only recently that this has been happening or reported. Please keep the quality around 70 for now, then use an image compression plugin (Smush, Shortpixel etc) to further optimize the images.

We’ll forward this thread to our channel.

Best regards,
Ismael

Hey itsjona,

Thank you for the inquiry.

Did you add this css code?

.slide-image {
    display: block;
    height: 400px;
    line-height: 400px;
    overflow: hidden;
}

This stretches the height of the image container, creating space between it and the post title. Please remove the css or adjust the values of the height and line-height properties.

Best regards,
Ismael

Hi,

If you want the left image to be taller or larger on smaller screen sizes, try adding another image element with a taller aspect ratio. The current image is a bit square and gets squeezed disproportionately in height compared to the right widget because it’s inside a smaller column (1/4 width). After adding the other image, you can toggle the visibility of both images on different screen sizes using Advanced > Responsive > Element Visibility options.

You can also add this css code to adjust the width of the column containing the image.

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

  /* Add your Mobile Styles here */
  #top .flex_column.av-acgfsc-cb6752318e4619c3295e6429d893dcfc {
    width: 50%;
    margin-left: 0;
  }
}

After adding the css:

View post on imgur.com

Best regards,
Ismael

Hey jkos,

You can upload images to an array of different services online. For example Google Drive, Dropbox, Imgur, Snipboard etc. Then you can link to the image in your reply.

Best regards,
Rikard

Hi,

Thanks for reaching out.

The theme automatically increases the image quality to 100%, but the WordPress default is only 82%. This can be adjusted by using the following filters in the functions.php file:

add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1); 
add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1); 
function avf_set_quality_mod($quality) { $quality = 60; return $quality;}

We recommend setting this to 70 or lower, then install an image compression plugin such as ShortPixel or Smush to further reduce file size and optimize the images. You may need to regenerate the thumbnails after the quality adjustment.

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

Best regards,
Ismael

Hey!

As mentioned earlier, the theme is configured to set a higher image quality than the WordPress default, which explains why the generated thumbnails are larger in file size. It’s also worth clarifying that image uploading and compression are handled entirely by WordPress, not the theme. This should be the same across all WordPress installations, so what you’re seeing isn’t specific to this theme.

Have you tried adjusting the default compression level to 60 or lower? This should help further lower the file size of generated thumbnails and optimize them.

After lowering the quality value to 60 or below, you can further enhance site performance by installing an image optimization plugin such as ShortPixel, Imagify, or Smush. This is a fairly standard practice in WordPress optimization, so it’s a bit surprising it wasn’t already suggested by your technical team.

For more information on site optimization, please feel free to refer to the following links.

— https://gtmetrix.com/wordpress-optimization-guide.html
— https://wpengine.com/resources/improve-wordpress-site-speed/

Regards,
Ismael

Hey ronduring,

Thanks for reaching out.

Would you mind providing a screenshot of the issue and a link to a test page so we can check it? You can use platforms like Savvyify, Imgur 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, Imgur 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. We were able to reproduce this on our end. To lower the file size, you can reset the default image quality back to 82 or lower by using the filter that we mentioned above.

add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1); 
add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1); 
function avf_set_quality_mod($quality) { $quality = 82; return $quality;}

After adding this code, the file size of the largest thumbnail decreased by more than half. If you want to make it smaller, use a lower quality value.

View post on imgur.com

For more info about the filter, please check this link: https://developer.wordpress.org/reference/hooks/jpeg_quality/

Best regards,
Ismael

Hi,

Thank you for the screenshots.

You need to set the Enfold > Header > Header Layout > Menu and Logo Position setting to Logo Left, Menu Right, then add the following css code to adjust the logo image size and allow it to overflow the header container.

.logo, .logo a {
    overflow: visible; 
    height: 100px;
}

.logo img, .logo svg {
    max-height: 150px !important;
    height: 150px;
}

Best regards,
Ismael

Hey Erin,

Thank you for the inquiry.

Is there any possible to show entire image ( no cut any part) in slide?

If you need the whole image to display on all screen sizes, you can use the Fullwidth Easy Slider instead of the Fullscreen Slider. You can also place the Image element inside a Color Section and set its container width to 100%. Please check this link for more info.

— https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width

Best regards,
Ismael

Hi,

@soniavoice: Would you mind providing the original source of the image so we can upload it on our end? When we uploaded a 4.8MB PNG image directly to an Image element using the Advanced Layout Builder, the resulting full-size thumbnail is only 2MB — less than half the original size. It’s possible that is a plugin or custom script interfering with the WordPress media uploader on your installation.

Best regards,
Ismael

Hey rixi,
I notice that on mobile not all of the dates show, only every other one, so to correct try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor, 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 bellow code and save.

function custom_timeline_script_for_mobile() { ?>
  <script>
document.addEventListener('DOMContentLoaded', () => {
  // Check if there are any .av-milestone-even elements
  const milestones = document.querySelectorAll('.av-milestone-even');
  if (milestones.length === 0) return; // Exit if no milestones found

  // Define the media query for screens smaller than 989px
  const mediaQuery = window.matchMedia('(max-width: 989px)');

  // Function to reorder elements
  const reorderMilestones = () => {
    if (mediaQuery.matches) {
      milestones.forEach(milestone => {
        const date = milestone.querySelector('.av-milestone-date');
        const icon = milestone.querySelector('.av-milestone-icon-wrap');
        const content = milestone.querySelector('.av-milestone-content-wrap');

        // Ensure all elements exist before reordering
        if (date && icon && content) {
          milestone.innerHTML = '';
          milestone.appendChild(date);
          milestone.appendChild(icon);
          milestone.appendChild(content);
        }
      });
    }
  };

  reorderMilestones();
    mediaQuery.addEventListener('change', reorderMilestones);
});
</script>
  <?php
}
add_action( 'wp_footer', 'custom_timeline_script_for_mobile', 99 );

Then I notice that one of your content boxes has too much padding for the list:

Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 989px) {
    .av-no-preview ul.avia-timeline-vertical .av-milestone-content li {
        padding: 0;
    }
}

Changing the content padding and font size of the title and content may also help:

@media only screen and (max-width: 989px) {
    .avia-timeline-boxshadow .av-milestone-contentbox {
    padding: 1em;
    }
    #top #wrap_all .all_colors h4.av-milestone-title {
    font-size: 20px;
    }
    .av-milestone-content p,
    .av-milestone-content li {
    font-size: 12px;
    line-height: 18px;
    }
}

Try this and adjust to suit.

Best regards,
Mike

Hey jkos,
When you set the background image to Scale to fit it scales image, so the whole image is always visible, this includes the height. Which is why the image does not reach the sides.
At Stretch to fit it stretches the image width to cover the page, less the 50px padding that the page has by default.
The height of your column is not set so the content is determining the height, but you have little content so the whole background image is not shown. If you set the column height to 150% then it will show.
But I recommend trying the color section instead because the background image will then be full width. I created a test page linked below to demonstrate.
Since the color section wants to vertically center the content, I added this css to the bottom of the page so your content will be higher:

.responsive #top #wrap_all .avia-section.av-minimum-height-99vw .container {
    display: flex;
    justify-content: center;
    margin-top: 15%;
    max-width: fit-content;
}

The reason your text is off the screen for mobile is because your text has 800px padding, which is larger than a mobile screen:

to correct this you could change it to a percentage, or for this I created a css grid for two columns to achieve the layout without padding, and on mobile the grid is stacked. See the test page below.
For others, this is the HTML for the two columns:

<div class="parent">
<div class="div1"> first column text </div>
<div class="div2"> second column text </div>
</div>

and this is the css:

@media screen and (max-width: 789px) {
  .parent{
      grid-template-columns: 1fr;
      grid-template-rows: 1fr;
   }
}
@media screen and (min-width: 790px) {
.parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
}

Best regards,
Mike

Hi,
Sorry for the late reply, when I check on my Android the buttons look aligned correctly:

Best regards,
Mike

Hi,
It doesn’t look like the plugin is preventing the editor:

Try checking your wp-config.php file for define(‘DISALLOW_FILE_EDIT’, true); via FTP and change to define(‘DISALLOW_FILE_EDIT’, false);

Best regards,
Mike

Hi,
I’m not sure why your theme is not manually updating, each of the errors are for a different language file that can not be copied, perhaps your file permissions are not correct. Directories should have 755 permissions and files should have 644 permissions. Try asking your webhost to check your permissions.
Or you could try updating via FTP, but if the permissions are not correct, you may have more errors the next time that you update.

As for your Token for automatic updates, your username and email don’t seem correct:

are you sure that you have used the correct Token permissions?

I see that you also have the Envato Market plugin, but it also gives a “Updating failed. The file could not be copied” error which maybe also due to file permissions, so I would check with your webhost.

Best regards,
Mike

Hey Ventsislav Krastev,
Envato has a limit of the number of update checks in a 24 hour period, so if you click the update button too many times, you may need to wait 24 hours before checking again. That is assuming that your Token was created with the correct permissions

The https://envato.com/market-plugin/ requires a lower set of permissions and sometimes is easier to use. Alternatively, you can 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.

If you have further issues please register to our support forum here with your Purchase Code and create a new thread and include a admin login for us to review your site.
Please note that we don’t have access to your Token in Envato, so if there is an error with your Token creation you will need to carefully review our documentation on generating a Envato Personal Token and try again.

Best regards,
Mike

Hi,
The old version 5.2.1 will not update automatically in the theme update due to changes that Envato made during the change from the API key to the Token. To update your version of Enfold you will need 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.

Once you update to the latest version you will have no problems updating in the future.

Best regards,
Mike

Hey syberknight-tb,
Unfortunately, we don’t have an element that will achieve this for you in the theme, while there are many plugins that may work for you, when I check some of them they don’t quite match, but if you spend more time testing each one you may find one.
I was able to create something that may work for you using javascript and HTML in a shortcode, on mobile it shows 1 1/2 team member cards with prev & next arrows and loop when you click to the end:

on tablet it shows 2 1/2 cards:

and on desktop it shows 3 1/2 cards:

As is it holds 8 cards, you can add more or have less, you will need to edit the HTML to add your images and text, hopefully you will be able to do this:

Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor, 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 code below and save.

function team_carousel_shortcode() {
    ob_start(); ?>
    
    <div class="carousel-container">
        <button id="prevBtn">←</button>
        <div class="carousel">
            <div class="carousel-track">
                <!-- START: Team Members -->
        <div class="card"> <img src="/people-2-2-300x300.jpg" alt="Member 1"><p>Member 1<br>A short bio for the team member</p></div>
        <div class="card"> <img src="/people-2-2-300x300.jpg" alt="Member 2"><p>Member 2<br>A short bio for the team member</p></div>
        <div class="card"> <img src="/people-2-2-300x300.jpg" alt="Member 3"><p>Member 3<br>A short bio for the team member</p></div>
        <div class="card"> <img src="/people-2-2-300x300.jpg" alt="Member 4"><p>Member 4<br>A short bio for the team member</p></div>
        <div class="card"> <img src="/people-2-2-300x300.jpg" alt="Member 5"><p>Member 5<br>A short bio for the team member</p></div>
        <div class="card"> <img src="/people-2-2-300x300.jpg" alt="Member 6"><p>Member 6<br>A short bio for the team member</p></div>
        <div class="card"> <img src="/people-2-2-300x300.jpg" alt="Member 7"><p>Member 7<br>A short bio for the team member</p></div>
        <div class="card"> <img src="/people-2-2-300x300.jpg" alt="Member 8"><p>Member 8<br>A short bio for the team member</p></div>
        <!-- END: Team Members -->
            </div>
        </div>
        <button id="nextBtn">→</button>
    </div>

    <style>
    .carousel-container {
        position: relative;
        width: 80%;
        overflow: visible;
        margin: auto;
    }

    .carousel {
        overflow: hidden;
        width: 100%;
    }

    .carousel-track {
        display: flex;
        transition: transform 0.5s ease-in-out;
    }

    .card {
        box-sizing: border-box;
        padding: 10px;
        background: #e8e8e8;
        margin: 5px;
        border-radius: 8px;
        text-align: center;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    @media only screen and (max-width: 767px) { 
        .card { flex: 0 0 62%; }
    }

    @media only screen and (min-width: 768px) and (max-width: 1800px) { 
        .card { flex: 0 0 38%; }
    }

    @media only screen and (min-width: 1801px) { 
        .card { flex: 0 0 28%; }
    }

    .card p {
        color: #000;
     }
	.card img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 100%;
    }

    #nextBtn, #prevBtn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        color: #000;
        border: 2px solid #000;
        padding: 10px;
        cursor: pointer;
        z-index: 10;
    }

    #prevBtn { left: -50px; }
    #nextBtn { right: -50px; }
    </style>

    <script>
    document.addEventListener('DOMContentLoaded', function () {
        const track = document.querySelector('.carousel-track');
        const cards = document.querySelectorAll('.card');
        const prevBtn = document.getElementById('prevBtn');
        const nextBtn = document.getElementById('nextBtn');

        let currentIndex = 0;
        let cardWidth = cards[0].offsetWidth + 20;

        function updateCarousel() {
            const shift = currentIndex * cardWidth;
            track.style.transform = translateX(-${shift}px);
        }

        function moveToNext() {
            currentIndex++;
            if (currentIndex >= cards.length) {
                currentIndex = 0;
            }
            updateCarousel();
        }

        function moveToPrev() {
            currentIndex--;
            if (currentIndex < 0) {
                currentIndex = cards.length - 1;
            }
            updateCarousel();
        }

        nextBtn.addEventListener('click', moveToNext);
        prevBtn.addEventListener('click', moveToPrev);

        window.addEventListener('resize', () => {
            cardWidth = cards[0].offsetWidth + 20;
            updateCarousel();
        });
    });
    </script>

    <?php
    return do_shortcode(ob_get_clean());
}
add_shortcode('team_carousel', 'team_carousel_shortcode');

Then add this shortcode in a code block element on your page: [team_carousel]
Feel free to adjust the colors in the css in the code.

Best regards,
Mike