Hello, I wanted to add text alongside the logo on my discourse instance and this topic worked for me on this matter: [画像] Image and text as logo Support Try this .d-header .title::after { padding-left: 20px; font-size: 1.5em; color: #333; …

If I understand correctly… This could help? :slightly_smiling_face: This will add this html after logo <a href="/" class="after-logo">After logo text</a> Header <script type="text/discourse-plugin" version="0.8"> api.decorateWidget('home-logo:after', helper => { return helper.h('a.after-log…

It looks like the way that this is done on this site is to have a wide logo that includes the text. How about doing that?

Basically, it shows the default logo of discourse the way it is set to site setting. Then adds a :after content to include the text. So the text is coming from CSS. This is the code: .d-header .title::after { padding-left: 20px; font-size: 1.5em; color: #333; content: "Some text a…

First, there’s is kind of a typo on the very first CSS line (:written twice). Then, if you change the selector to target the actual link that contains the logo: .d-header .title a:after { Then the text will be contained in the <a> tag and have the link as well. [image] It looks like the way th…

[画像] Canapin: Weirdly, Robert asked the same question i the linked topic and had no reply either It makes it look bad on mobile phones. I can hide the text with css on smaller screens but I want the logo to be displayed at all time.

This is perfect. Thank you @Don

[画像] Arta_S: It makes it look bad on mobile phones. For this use case I think might be better If you use a different logo on mobile? There is a site setting for this called mobile logo under branding. yoursite/admin/site_settings/category/branding

You are right. I didn’t know this existed. I am an old timer. Haven’t tested lots of new features. Thank you [画像] pfaffman: It looks like the way that this is done on this site is to have a wide logo that includes the text. How about doing that? Now this makes more sense.

ロゴとテキストを連動させる

サポート

pfaffman (Jay Pfaffman) 2022 年 2 月 16 日午後 12:06 2

このサイトでのやり方は、テキストを含む横長のロゴを配置することのようです。そのようにするのはどうでしょうか？

トピック		返信	表示
Add Text In Header Beside Logo Development	9	1711	2025 年 3 月 20 日
Create hyperlink from home logo Support	2	240	2024 年 6 月 26 日
Help needed with theming and logo Support	5	1497	2021 年 6 月 30 日
Assigning a separate link to the logo Development	2	301	2024 年 5 月 4 日
Image and text as logo Support	5	2003	2020 年 1 月 22 日

ロゴとテキストを連動させる

関連トピック