Hi, After one too many spam attacks, I have set my forum to invite-only, and set up a custom, rate-limited, way of handing out invites on my other web site. I’ve added links to the invite system to the FAQ and such, but I’d like to add a custom “Create Account” link next to the Log In link that is similarly only visible when the user is not logged in. The official Custom Header Links did not seem to have this feature (unless I missed something). I tried adding a link using api.decorateWidget but that generated a depreciation warning, so clearly that was not the right way. That suggested I need to use api.headerIcons.add(“foo”, FooIcon, { before: “search” }), but if I understand that, FooIcon is some sort of Component, and I don’t know what that is or how it would be created. So basically: I want to add a “Create Account” linked to a specific URL, next to the Log In button, when the user is not logged in. And I don’t know much at all about Themes or how to edit them. Thanks for any assistance.

[image] peternlewis: The official Custom Header Links did not seem to have this feature (unless I missed something). You can hide links added with that component for logged-in users with custom CSS. [image] Custom Header Links Theme component Hi, welcome! You can’t do it directly with the component, but you can use CSS to hide links. There is a .anon class you can rely on to determine whether a user is logged in. For example, if your link names are “Link 1” and “Link 2”: /* Logged-out users */ html.anon .link-1-custom-header-links { display: none; } /* Logged-in users */ html:not(.anon) .link-2-custom-header-links { display: none; } The HTML contains a class name where the link name is dasherized, followed by -custom-he…

[image] peternlewis: The official Custom Header Links did not seem to have this feature (unless I missed something). I’m not sure I understand what’s not working: if you just need to add a link, then what’s missing here? Edit: As usual, Moin reads better than me :eyes:

I also remembered DiscourseConnect Signup Button. But I think that only works if you are using DiscourseConnect.

That sounds like the solution then. I will report on how it turns out when I try it out. Thanks!

Adding a header link for Guests Only

Product Support

Moin September 4, 2025, 9:32am 3

You can hide links added with that component for logged-in users with custom CSS.

Topic		Replies	Views
How can I add a button to the header? Product Support	4	1530	October 31, 2019
Add button in header for logged in users Development	4	990	August 26, 2023
Hide Custom Header Links from anon Development custom-header-links	4	494	June 3, 2025
Make Custom Header Links private for private/login required sites Feature custom-header-links	2	95	May 12, 2021
Control CSS based on user's logged in state Product Support	2	1185	May 1, 2019

Adding a header link for Guests Only

Related topics