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

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

Hey Beekster,
Thanks for the login, you had an old custom header.php in your child theme directory, I updated it for you and solved the error.
Please check.
I noticed in your WordPress ▸ Dashboard ▸ Tools ▸ Site Health that you are using PHP v7.3.33 and the minimum recommended version of PHP is 7.4.
You should ask your webhost to update this for you.

Best regards,
Mike

Hi,
Thank you, I changed the color section ID’s to over & under and added this css:

#top.av-curtain-footer.av-curtain-activated #wrap_all #main #over {
	z-index: 2;
	position: relative;
}
#top.av-curtain-footer.av-curtain-activated #wrap_all #main #under {
	z-index: 1;
	position: relative;
}

the results:

You will need to adjust the placement of the box or make the height of the under section taller so the over box doesn’t cover the text.
Please adjust to suit, then clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the login, I added this css:

#top.single-post #main .post-meta-infos {
  display: none; 
}

please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to see that you found a plugin for this, to center the thumbnails try this css:

#top #main .thumbnail_container img {
    margin: auto;
}

the expected results:

Best regards,
Mike