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 . 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 Development 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 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 tag. More on this here: The selector in your case would be inverted like so: body:not(.anon) { #banner { display: none; } } Which effectively hides the banner unless the user is logged out.

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: [图片] Making custom CSS changes on your site Site Management bookmark This guide explains how to make CSS changes on your Discourse site, including an introduction to CSS, where to add CSS in Discourse, and how to find the right selectors using browser inspection tools. person_raising_hand Required user level: Administrator Summary This guide covers: A brief introduction to CSS and key concepts How to add CSS to your Discourse site using theme components Using browser inspection tools to find the right CSS selectors Understanding CSS basics C…

如果用户已登录，如何隐藏按钮（SVG 图标）？

开发

omarfilip 2024 年4 月 5 日 00:09 6

啊，抱歉——你想要反过来，所以是：not(.anon)

话题		回复	浏览量
How to show a piece of content to only non-logged in users Product Support	1	635	2023 年2 月 8 日
How to display a banner for visitors only? Product Support	1	954	2018 年5 月 18 日
Plugin Login to view content (Working) Development	9	1029	2019 年12 月 23 日
How to disable the banner topic dismiss button for non logged in users only Product Support	3	603	2020 年8 月 24 日
A spelled out how-to of hiding stuff from non-logged in users Product Support	1	891	2020 年3 月 29 日

如果用户已登录，如何隐藏按钮（SVG 图标）？

相关话题