Disable / Hide All Emojis except for Custom

Is there a way to disable or hide all emoji sets except for custom emojis?

You can do this by adding the following CSS to your main theme under the Common tab. The following code will only show the custom emoji:

.emoji-picker {
    .categories-column,
    .footer,
    .filter,
    [data-section="people"],
    [data-section="nature"],
    [data-section="food"],
    [data-section="celebration"],
    [data-section="activity"],
    [data-section="travel"],
    [data-section="objects"],
    [data-section="ungrouped"] .section-header {
        display: none;
    }
}

Since there is only one, custom set, I also set it up to hide the filter, the emoji category column, the skin tone selector, and the title text “Custom Emoji.”

Hope that helps :slight_smile:

4 Likes

You are amazing , appreciate the help much @tshenry

2 Likes

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.