Iconified Header Links

(Erik Molenaar) #41

Thanks for this awesome component @Johani. My home button looks great:


I noticed none of the header button or icons show up on a 404. Example: https://forum.networklessons.com/does_not_exist


Is this a bug in Discourse?


@Johani is is possible to have different sets of visibility for the iconified header links? For example:

  • iconified header links visible only to anonymous users
  • iconified header links visible only to logged in users
  • iconified header links visible to everyone

Use case:

  • add “Anonymous Icon” header link … which should be visible only for the logged in users.

Is it possible to add “Anonymous Icon” action to iconified header links at all? According to Help! with the Anonymous feature on discourse it is a java action.

Thank you for your help!

(Mike) #43

I try ading the fa-blog icon but it does not appear.
I tried fas.fa-blog, fa-blog, blog etc. nothing is working.

1 Like
(Penar Musaraj) #44

That looks like a recent addition to FontAwesome. It will shortly be available in Discourse, I will update our FontAwesome dependency in the coming week.

(Penar Musaraj) #45

FontAwesome has been updated to the latest version (5.7.2), and the blog icon is now available for use @MikesCafe.

(Alfarhan Zahedi) #46

Is there any way I can use a custom icon (not included in Font Awesome) with this component ?

(Penar Musaraj) #47

Yes, as of this commit, you can now add custom icons to your theme or theme component. See the “adding custom icons” section of Introducing Font Awesome 5 and SVG icons.

(Alex) #48

How can I add the Anonymous icon and function into this theme component? I can’t fetch a link when I hover over the icon. Maybe this code can help?

(cosmo) #49

im looking for the same thing but for messages

(Mike) #50

I’m not getting it to work. Pls help.

1 Like
(Penar Musaraj) #51

Please use blog with the fa- prefix in the svg icons setting. I’m going to update the theme component now so that it doesn’t include fa- in the default values of that setting, that’s misleading.

(Blumiere) #53

I really enjoy this plugin but I couldn’t figure out the syntax to make the new FA5 TeamSpeak icon work. No matter what combination of things I tried I got a blank space.

(Penar Musaraj) #54

You can use fab-teamspeak as the icon name in both fields:

Also, make sure your Discourse is up to date, this icon may have been added to a recent version of FA icons.