Hi,
Glad Ismael could help, 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 waveseven,
This is due to the default image compression settings, Enfold unpacks the original file and generates new thumbnail sizes without applying compression, resulting in larger file sizes, especially for larger dimensions like “featured”, “featured_large”, and “extra_large”. This occurs because the theme sets the default JPEG quality to 100, which is higher than the typical WordPress default of 80, and the generated files are not compressed during the resizing process.
To change the compression of new thumbnail sizes, add this code to the end of your child theme functions.php file in Appearance ▸ Editor and adjust to suit.

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

For thumbnails already created you will need to regenerate the thumbnails

Best regards,
Mike

Hey oburlin,
In the footer the text is in Widgets:

you can edit these from the Widget panel:

Note that the theme has some default demo text that shows if no Widgets are added to the footer columns, so if you don’t see any widgets just add some from the left side of the panel, typically the text widget works well:

These drag and drop into place.
In the Socket the text “Enfold WordPress Theme by Kriesi” can be removed by adding this shortcode into the Enfold Theme Options ▸ Footer ▸ Copyright field: [nolink] and add whatever text you want to see there.

Here is a link to our footer documentation.

Best regards,
Mike

Hi,
When I check on Android and emulate in the browser the width looks good, I don’t have an iPhone and I think the others also use Android.
Do you want us to leave this open to see if we can find an iPhone, or shall we close this thread?

Best regards,
Mike

Hey tebitron,
Try adding the “Element: Empty Line” Form Element set to “Print Email Only” where you want a space.
Ensure that you are using Enfold v7.1.2

Best regards,
Mike

Hey etherrh,
Your two pages look like they are created differently, the Shop page with the sidebar at the bottom looks like it was created with a woof_products shortcode plugin. While the page with the sidebar uses a column with the theme product slider.
If you customize the Shop page any full width elements will push the sidebar to the bottom of the page. To achieve a layout like our Shop Demo you don’t need to add any elements or edit the shop page, it is automatic.

Best regards,
Mike

Hey Alexandre,
I assume that your issue is that under 990px the timeline titles only show for every other one, to correct add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function correct_timeline_titles_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);
        }
      });
    }
  };

  // Run initially
  reorderMilestones();

  // Add listener for window resize
  mediaQuery.addEventListener('change', reorderMilestones);
});
</script>
  <?php
}
add_action( 'wp_footer', 'correct_timeline_titles_for_mobile', 99 );

Best regards,
Mike

Hi,
Glad this helps, your icons are not showing because of this css you had in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

/*Modification de l'affichage de l'icône des cookies (cadenas)*/
#top .avia-svg-icon.avia-font-svg_entypo-fontello svg:first-child {
    display: none !important;
}

I disabled it for you.
As for your timeline question, please open a new thread as we ask that each thread sticks to one topic. Thanks for you understanding.

Best regards,
Mike

Hi,
Great news!

Best regards,
Mike

Hi,
I thought it was your jQuery that made it work. Thanks again for sharing.

Best regards,
Mike

Hey Christian,
Where are you trying to upload fontawesome?
Typically you do not upload fontawesome, it is not compatible with the theme font manager and will not show in the ALB icons.
So you need to sign up here to get your “Kit”
Then you will get a code like this to put in your header: <script src="https://kit.fontawesome.com/244e4f20aaa.js" crossorigin="anonymous"></script>
add it to the end of your child theme functions.php file in Appearance ▸ Editor in this function:

function Font_Awesome_7(){
?>
<script src="https://kit.fontawesome.com/244e4f20aaa.js" crossorigin="anonymous"></script>
<?php
}
add_action('wp_head', 'Font_Awesome_7');

be sure to change the link to yours.
Then choose your icon and make sure that you add a size to the icon code, for example <i class="fas fa-mug-hot fa-10x"></i>
and add it to your page.

See this documentation:
https://docs.fontawesome.com/

Note they also have a plugin, I have not tried it, see: https://docs.fontawesome.com/web/use-with/wordpress

Best regards,
Mike

Hi,
Thanks, but I get this error:
Error: This password does not match the username.
Please check.

Best regards,
Mike

Hi,
Try adding a custom class to the image element in the advanced tab > developer settings > custom class

then adjust the css to suit, you can add a custom class to each image and add new css for each one.

Best regards,
Mike

Hi,
Thanks for your patience, I don’t think that would help. Try disabling your theme cache & Jetpack & any server cache.
Since it changes after page load, this typically points to a cache issue.
The page width in the theme settings is 1310px, but after page load it is 1010px due to this file:

_jb_static/??a97ef38bc7

which is a cache file.
Or you can try this css:

.container.av-section-cont-open {
    max-width: 1310px !important;
}

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

Best regards,
Mike

Hey sky19er,
The Contact Form element doesn’t support MailChimp, you can use the MailChimp Signup element, or the Enfold MailChimp Newsletter widget.

Best regards,
Mike