Using emojis instead of icons in the Welcome Link Banner

[Canapin (Coin-coin le Canapin)]

@mk0r

Question: Do the banner colors by default respect the theme colors e.g. if forum is in dark mode?

From my experience, yes: see my screenshots here: Third migration, once again for a niche forum (Volkswagen Campers vans)

@mk0r

I would love to be able to use emojis instead of font awesome icons

A bit hacky… But you can make it with CSS only:

.featured-todo div {
    h3 {
        background: no-repeat top center;
        background-size: 30px 30px; // emoji width and height
        padding-top: 45px; // emoji height + 15 px margin down
        svg {
            display: none !important;
        }
    }
    &:first-child h3 {
        background-image: url("https://emoji.discourse-cdn.com/twitter/rocket.png");
    }
    &:nth-child(2) h3 {
        background-image: url("https://emoji.discourse-cdn.com/twitter/grin.png");
    }
    &:last-child h3 {
        background-image: url("https://emoji.discourse-cdn.com/twitter/+1.png");
    }
}

@mk0r

It would be great to be able to change the alignment to be left-aligned instead of centered

Which part are you talking about?