Hi,
Thank you for the shortcode, I first tested it exactly as you sent it and while the images don’t show for me in the backend the url for the images were in the code and were pulled from your domain on page load and they showed on the frontend, in the first test the CLS was 0.269:

so I was basically able to reproduce the issue, so as a first modification test I changed all of the images to local images to verify the results and rule this out as a cause, I left all settings the same and tried to use the same size images, but the result was a CLS 0.012, a huge difference just by changing the images:

To find a cause for this difference I notice that your images seem to be served by a CDN, please try making a copy of this test page and change the images so they don’t use the CDN or any plugins, and see if you also get a lower score.

Best regards,
Mike

Hi,
Glad we were able to 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

Hi,
Glad we were able to help, your css had a space in between the overlay and the entry classes, but since the two classes belong to the same div it was unnecessary.
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 nimo1024,

It is the Headline Rotator element.

Best regards,
Mike

Hi,
Thank you for your feedback, and thanks for pointing out the CLS score lower on the page that I missed, and I do see that on /neon-canyon/ when tested on PageSpeed you have a score of 0.375, but when I test our grid row demo page for desktop the score is only 0.003:

I also tested our Shop demo page that used grid rows and it had a higher score of 0.022, but still quite lower than yours:

So I compared your /stella-nubis/ page to your /neon-canyon/ page thinking perhaps a different element was causing your high score and I noticed that you didn’t have a video on your “fixed” page so I tested our demo video page, but it’s score was only 0.005:

So while I do see that for your pages, removing the grid row lowers your score, I’m not able to reproduce this with our demo site, or my personnel testing demo site that has no caching or optimization.
Please don’t misunderstand me, I’m not arguing, but in order for me to write an issue report for the Dev Team I need to demonstrate how to reproduce the issue on a clean install with no plugins so they can also reproduce it and investigate.
Perhaps you could enable the Avia Layout Builder Debugger and copy the page shortcode to a plain text file (.txt) and post a DropBox link to it for me to test on my site, that way I could reproduce the issue and investigate further.

Thank you for your patience,
Mike

Hi,
Please try this css:

#mec_cart_transactions_table * {
    font-family: 'open-sans' !important;
}

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

Best regards,
Mike

Hi,
Thank you for the link to your site, I see that the css was probably added from an email instead of from the forum, typically this will cause the greater than symbols to paste as code:

I corrected for you:

and now it is working:

please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for your patience, is this the text:

Ihr Experte für Akquise,
erfolgreiche Vertriebsstrategien
und effektiven B2B-Vertrieb

for the font Finger Paint
Please reset the login token link so we can examine.

Best regards,
Mike

Hey Swarez,
Thank you for your patience, I have looked at the two page tests that you have linked to, but they both have the same score, on mobile they both have zero

and for desktop they both have 0.12:

I also tested another random page /mirages/ and it tested the same.
On your “fixed” page /stella-nubis/ I see that you are using columns with inage elements, and on the “poor” page /neon-canyon/ you are using a grid. But they are both scoring the same.
On the PageSpeed linked explanation for Cumulative Layout Shift (CLS) it explains how users experience unexpected layout shifts, and the example shows a button moving after an unexpected element is added to the page so the user clicks the wrong button.
But on both of your pages, there is no unexpected layout shift to the human eye. I believe the test shows a false positive, perhaps it is the lazy loading of images or the height of the elements between the DOM load and the final paint of the page, that is, the half of a second before the human eye sees the page.
But I don’t see that abandoning the grids completely will give you a zero score.
When I tested your page on webvitals.dev/cls/ your mobile score was zero, and your desktop score was 0.0051 with the menu causing it:
div#header_main>div.container.av-logo-container>div.inner-container>nav.main_menu>div.avia-menu.av-main-nav-wrap


quite a difference in results compared to PageSpeed, I tried testing my page in PageSpeed but it gave no CLS score because it didn’t have enough data, apparently the test doesn’t give live results. When I tested my page on webvitals.dev/cls with no header I got a zero score, so I guess a drop down menu counts against you, but for a score of 0.0051 it seems fine.

Best regards,
Mike

Hey Jason,
Thank you for the link to your page, I see the button shortcode in the search results and the only way I could recreate this on my test site was to add the button shortcode to a product short description:

so I assume this is what you have done, to enable the shortcode here try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter( 'the_excerpt', 'do_shortcode');

this worked in my test:

Best regards,
Mike

Hi,
Thanks for the feedback, for the sub-menu items try this css:

#top .av-main-nav ul a {
    letter-spacing: 0.4em;
}

for the headings try this css:

#top #wrap_all .all_colors h1,
#top #wrap_all .all_colors h2,
#top #wrap_all .all_colors h3,
#top #wrap_all .all_colors h4 {
    letter-spacing: 0.4em;
}

I left out H6 because this is what your columns of text is using and I didn’t think that you wanted the spacing there also, but if you did feel free to also add it.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your feedback, I have submitted an issue report to the Dev Team for their review, and a solution will most likely be added to a future update.
We need to keep this thread focused on this one issue, so please ask your other questions in separate threads, as keeping each thread on a single topic or issue is most efficient for support and future readers to find solutions, and in this case for the review of the Dev Team.
Thank you for your patience and understanding and using Enfold.

Best regards,
Mike

Hi,
Glad Rikard 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

Hi,
Thanks for your feedback and pointing out this issue, I will be submitting the recommendation to the Dev Team for this once we identify the desired result. Which solution do you think is best?
The label inside the field, so that it is similar to the other fields that use a placeholder when the labels are hidden with the Hide Form Labels option:

or the label above the field for this one field only, even though the user has selected the labels to be hidden with the Hide Form Labels option:

Best regards,
Mike

Hey Armin-H,
Thanks for the login to your site, your titillium-for-enfold font zip had two folders in it:
__MACOSX
titillium-for-enfold
there should be no folders in your zip file, only fonts, I corrected this for you and tried to install but still had the error.
I tested on my test site and the new font zip installed correctly.
I believe the issue is that your server is using PHP 7.2.34 and the minimum recommended PHP version for WordPress is v7.4
Please check WordPress ▸ Dashboard ▸ Tools ▸ Site Health and ask your webhost to update your PHP version

Best regards,
Mike