Hello, I wanted to add text alongside the logo on my discourse instance and this topic worked for me on this matter: [image] 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…

[image] 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

[image] 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 [image] 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.

Texte à côté du logo dans le discours, tous deux liés

Soutien

Arta_S (Arta) Février 16, 2022, 12:56 6

Cela donne une mauvaise apparence sur les téléphones portables. Je peux masquer le texte avec du CSS sur les petits écrans, mais je veux que le logo soit affiché en permanence.

Sujet		Réponses	Vues
Add Text In Header Beside Logo Development	9	1711	Mars 20, 2025
Create hyperlink from home logo Support	2	240	Juin 26, 2024
Help needed with theming and logo Support	5	1497	Juin 30, 2021
Assigning a separate link to the logo Development	2	301	Mai 4, 2024
Image and text as logo Support	5	2003	Janvier 22, 2020

Texte à côté du logo dans le discours, tous deux liés

Sujets connexes