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: [画像] 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) [画像] 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) { #banner {…

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

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…”.

[画像] 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]

[画像] 45thj5ej: so it has to manually be added somehow? Yes, you will need to customize your site’s css: [画像] 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! +1 Y…

ユーザーがログインしている場合にボタン（SVGアイコン）を隠す方法

開発

Arkshine 2024 年 4 月 5 日午前 12:10 7

ああ、私も完全に読み間違えていました。私のミスです！

トピック		返信	表示
How to show a piece of content to only non-logged in users Support	2	551	2023 年 2 月 8 日
How to display a banner for visitors only? Support	2	852	2024 年 6 月 8 日
Plugin Login to view content (Working) Development	9	927	2019 年 12 月 23 日
How to disable the banner topic dismiss button for non logged in users only Support	3	509	2020 年 8 月 24 日
A spelled out how-to of hiding stuff from non-logged in users Support	2	804	2020 年 4 月 28 日

ユーザーがログインしている場合にボタン（SVGアイコン）を隠す方法

関連トピック