Hi. How can I hide a button (it’s really a SVG icon that links to something), only when someone is logged into an account, though?

Try this, to include the <li>. html:not(.anon) .header-icon-login { display: none; }

You could use the .anon class and do it similar to this: [image] Hide Custom Header Links from anon dev Until there is a cleaner way to do it via an upgrade of the component, you can add this css lines in your theme .anon .custom-header-links { display: none; }

You have a anon class attached to the <html> tag. So you can use like: html:not(.anon) .your_svg_selector { display: none; }

@omarfilip @Arkshine And this will make it so that this icon is hidden from logged in users only? Also, where exactly is that anon class? I can’t seem to find it.

Ah, sorry - you wanted the opposite, so: not(.anon) [image] How to display a banner for visitors only? support You can make use of the anon class added to the <body> tag. More on this here: The selector in your case would be inverted like so: body:not(.anon) { #banne…

Oh, so it has to manually be added somehow? Mine just has: class="desktop-view not-mobile-device text-size-normal no-touch discourse-no-touch"

There is nothing to add. Discourse automatically applies an “anon” class if you are not logged in. So you can have a CSS saying, “If anon class is not present…”.

[image] Arkshine: So you can use like: HTML:not(.anon) .your_svg_selector { display: none; } This is all the stuff that links to the icon I want hidden. Which part here is the “selector”? :open_mouth: [cccc]

[image] 45thj5ej: so it has to manually be added somehow? Yes, you will need to customize your site’s css: [image] Make CSS changes on Your Site admins Want to make some CSS changes on your Discourse site but not sure where to start? You’ve come to the right place!…

How to hide a button (SVG icon) if user is logged in?

Development

Arkshine April 5, 2024, 12:10am 7

Ahah, I totally read the wrong way as well, my bad!

Topic		Replies	Views
How to show a piece of content to only non-logged in users Support	2	551	February 8, 2023
How to display a banner for visitors only? Support	2	852	June 8, 2024
Plugin Login to view content (Working) Development	9	927	December 23, 2019
How to disable the banner topic dismiss button for non logged in users only Support	3	509	August 24, 2020
A spelled out how-to of hiding stuff from non-logged in users Support	2	804	April 28, 2020

How to hide a button (SVG icon) if user is logged in?

Related topics