Wie man die Farbe des Anmeldebuttons ändert

[hequaye (Henry Herbert)]

Hallo zusammen! Ich möchte wissen, wie ich meinen Anmeldebutton anpassen kann. Ich möchte die Farbe nur meines Anmeldebuttons in Grün ändern und nicht die aller Header-Buttons.

Ich benutze ein gehostetes Discourse-Forum, entschuldigt, wenn dies eine Anfängerfrage ist, ich bin wirklich ein Anfänger und habe die ganze Nacht versucht, das herauszufinden.

Ich benutze das AIR-Theme.

[Steven]

Hallo!

Ich bin mir nicht sicher, welche Optionen Sie bei gehosteten Foren haben, aber ich gehe davon aus, dass Sie den Abschnitt „Anpassen“ im Admin-Panel haben.

Bearbeiten Sie in Ihrem Theme CSS/HTML und fügen Sie unter „Common“ Folgendes hinzu:

.d-header .sign-up-button {
    background: #48bb6a;
}

Wenn dies nicht funktioniert, müssen Sie möglicherweise !important hinzufügen, um sicherzustellen, dass diese Farbe Priorität hat, wie folgt:

.d-header .sign-up-button {
    background: #48bb6a !important;
}

[hequaye (Henry Herbert)]

Hallo @Steven, danke, es hat funktioniert! Die Sache ist, ich habe keine Anmeldevariable gesehen. Ich muss mich mit den Variablen für CSS vertraut machen und wie man sie in HTML findet. Danke!

[Steven]

Variablen zu finden kann schwierig sein. Was mir sehr geholfen hat, mich weiterzuentwickeln, war die Inspect-Funktion in Browsern. Sie können den Code und das CSS erkunden und einige Änderungen live ausprobieren.

In diesem Fall haben die Discours-Entwickler eine spezielle Klasse für die Anmelde- und Login-Schaltflächen hinzugefügt, was hilfreich ist.

Zögern Sie jedoch nicht, hier zu fragen, die Community wird immer versuchen zu helfen.

[hequaye (Henry Herbert)]

@Steven Mann, das ist großartig!!! Vielen Dank! Mein Anmeldebutton ist jetzt grün!

Ich habe das Inspektionswerkzeug verwendet und frage mich, ob es eine Möglichkeit gibt, den Namen des Menübuttons „Alle Tags“ in „LFX Tools“ für meinen Anwendungsfall zu ändern. Verständlicherweise muss ich das vielleicht in HTML finden, da das gesamte Forum tagbasiert ist. Wie kompliziert wäre es Ihrer Meinung nach, die Benennung der Tag-Funktionalität in Tools zu ändern?

[Steven]

Dieser spezielle Text kann im Admin-Panel bearbeitet werden: Anpassen > Texte

Geben Sie Folgendes in die Suchleiste ein: js.tagging.selector_all_tags
Und validieren Sie den Text

Aber um Ihre Frage im Allgemeinen zu beantworten: Das Bearbeiten eines Textes ist mit CSS machbar, aber knifflig. Ich verwende normalerweise den Content-Selektor in einer ::before- oder ::after-Klasse.

https://www.w3schools.com/cssref/sel_before.asp

Wenn wir nicht die Möglichkeit hätten, den Text zu bearbeiten, wäre ich kein Experte, aber ich würde etwas Ähnliches tun.

Zuerst blende ich den Text alle Tags aus:

summary.tag-drop-header .name {
    font-size: 0;
}

Dann erstelle ich eine neue CSS-Klasse mit Inhalt, um den gewünschten Text hinzuzufügen, und ich muss die Schriftgröße angeben, um die vorherige Einstellung zu überschreiben:

summary.tag-drop-header .name::after {
    content: "LFX Tools";
    font-size: 15px;
}