When updatign emoji's get lost

Hey Jacopotj,

Thank you for the inquiry.

Another user reported this same issue and we recommended that he use actual images instead of emojis, and also explained why the emoji get lost after updating the page. Please check the link below.

// https://kriesi.at/support/topic/emojis-suddenly-gone/#post-1371583

Best regards,
Ismael

Hi,
The issue with the other user is that he was adding emojis to title elements that don’t support HTML.
If you are losing emoji somewhere else please include an admin login to your site and explain how we can reproduce the error so we can investigate.
Please ensure that you have reproduced the error with your plugins disabled to ensure that this is not your issue, we have not been able to reproduce this on a clean demo install.

Best regards,
Mike

Hi,
Thanks for the link to your page, the top element is the special heading element and in the title field you have added an emoji, these title fields do not support HTML or HTML Entities
So each this you save the page they will be lost, if you open the element you will see it doesn’t show:

if you add HTML you will see the warning message, this is also for emoji’s I will recommend to the Dev Team to add the warning for emoji’s

To solve this you can add the emojis via CSS with the :before / :after selector see the example in this article.
For example:

.av-special-heading-tag::after {
    content: "💸";
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

I would recommend adding a custom class the special headings that you want this to show on so it doesn’t show on all special headings, unless that is what you want.
I created a test page for you linked below with a special heading element and the custom class flying-money-emoji

Then I added this CSS in a code block on the page:

.flying-money-emoji .av-special-heading-tag::after {
    content: "💸";
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

This is the result:

Please give this a try.

Best regards,
Mike

Hi,
In Enfold title fields do not support HTML or HTML Entities this is why there is a warning, the Dev Team found years ago that it causes issues:

Best regards,
Mike

Hi,
Thank you for your feedback, I have asked the Dev Team for advice about this and will reply when I hear back from them. Thank you for your patience.

Best regards,
Mike