Forum Discussion
Sweet, thanks!
I'm mainly trying to get those icons for some of the extras that aren't included in the free library. But, I suppose the thin icons match our branding better than the OOTB icons.
Swapping to the thin icons - is that a matter of uploading the new set, then adding a line of CSS per icon that needs swapped? Or is there a way to mass-redirect the icon weight to the thin variant?
keithkelly I think if you're swapping icons there's probably a couple ways to go about it. There may be a better way, but what I did was identify the icon used in the default CSS and then adding custom CSS to override the Khoros default. So for the notification bell, we replaced ours with something like this:
.lia-header-nav-component-widget .lia-notification-feed-page-link:before {
content: "\f0f3";
font: var(--fa-font-light);
}
for more details: https://fontawesome.com/docs/web/add-icons/pseudo-elements
I haven't found another way yet to easily replace built-in default icons.
- keithkelly3 years agoLeader
Ok, this makes sense - thanks!
Related Content
- 10 months ago