Hi all,

I would like to change the default missing/fallback icon for forum buttons and the Topic widget (and possibly in other places too). I am a bit surprised there is no inbuilt way to change the default images.

I have tried to use CSS, but I do not know how to achieve this when variables are involved. The HTML for the Topics feed:

.ipsData__image > i::before {
    content: var(--i-data--fallback-icon, "\f1c5");
}

I can change the forum buttons image, but I need to do this for each forum. Further, although the image takes, the forum buttons disappear - this is not what I trying to achieve. I just wish to replace the icon.

.fa-ips::before {
    content: var(--icon, "\f1c5");
}

Thanks.

You can use this CSS:

:root {
    --icon: "\f025";
}

For example, the CSS above will change the icon to the headphones one: https://fontawesome.com/icons/headphones?f=classic&s=solid

24 minutes ago, teraßyte said:

You can use this CSS:

:root {
    --icon: "\f025";
}

For example, the CSS above will change the icon to the headphones one: https://fontawesome.com/icons/headphones?f=classic&s=solid

Oh. I see. It is an external fontawesome source. Thank you, @teraßyte! But how would I, for example, use my site logo as the fallback icon?