Farbe des Hover-Hintergrunds für Nav-Klassen-Buttons ändern

[patrickemin]

Hallo, ich habe diese Diskussion gefunden:

Button color changes

[34%20PM][01%20PM]Hello all, how do you change the orange default button color? I’ve changed it to the desired hex color in Settings>Customize>Colors but the buttons remain the default orange.

Ich habe versucht, sie auf meinen Fall anzupassen, nämlich wie man die Hintergrundfarbe von Navigationsschaltflächen beim Darüberfahren mit der Maus ändert (nicht, wenn sie aktiv sind). Mein geringes CSS-Wissen reichte nicht aus… Hilfe wird geschätzt

[awesomerobot (Kris)]

Dieses Thema ist veraltet, daher werde ich es archivieren…

Wenn Sie die Hover-Farbe für diese Filter-Schaltflächen über der Themenliste ändern möchten:

Sie können dies tun, da wir einige Variablen verwenden:

:root {
  --d-nav-bg-color--hover: #fab1ed;
}

Es gibt eine ganze Reihe von Variablen für diese Navigation, die auf die gleiche Weise bearbeitet werden können:

@awesomerobot

:root {
  --d-nav-color: var(--primary);
  --d-nav-bg-color: transparent;
  --d-nav-color--hover: var(--primary);
  --d-nav-bg-color--hover: var(--d-hover);
  --d-nav-color--active: var(--tertiary);
  --d-nav-bg-color--active: transparent;
  --d-nav-border-color--active: var(--d-nav-color--active);
  --d-nav-underline-height: 0.125em;
}

Als allgemeine Referenz: Making custom CSS changes on your site

[patrickemin]

Vielen Dank @awesomerobot! Aber ich habe das zu meinem benutzerdefinierten CCS hinzugefügt, es ist keine Änderung sichtbar. Ich habe auch eine „feste“ Farbe ausprobiert, dasselbe, keine Auswirkung.

:root {
  --d-nav-bg-color--hover: var(--quaternary);
}

[Vaping_Community]

Sie könnten Folgendes versuchen:

:root {
  --d-nav-bg-color--hover: var(--quaternary) !important;
}

[patrickemin]

@Vaping_Community

!important;

Nein, immer noch keine Änderung, das ist seltsam.

[Vaping_Community]

Haben Sie eine Themenkomponente erstellt, um das CSS hinzuzufügen?

[patrickemin]

Ja, mein anderer CSS-Code funktioniert:

[Vaping_Community]

Ich habe noch nie :root verwendet, ich habe immer die Klassennamen verwendet, ich muss es mir jetzt ansehen

[Vaping_Community]

Es hat für mich funktioniert.. ohne !important

[patrickemin]

Wie hast du das gemacht?

[Vaping_Community]

Genau wie du.. es hat nichts an der Spitze des Neuesten geändert, es hat Menüpunkte für Administratoren und Menüpunkte für Benutzereinstellungen geändert

[patrickemin]

In meinem Fall ist keine Änderung sichtbar.

[Vaping_Community]

Das ist vielleicht albern, aber klickst du auf Speichern?

[patrickemin]

Ja, das habe ich.

[patrickemin]

Es ist nicht wichtig, warten wir, bis jemand anderes es versucht… @Steven, wenn du das versuchen kannst, da du Administrator auf meiner Website bist…

[Firepup650 (Firepup Sixfifty)]

Um sicherzugehen, hast du die Theme-Komponente mit der Änderung auf das Theme angewendet, das du verwendest, richtig?

[patrickemin]

Ja, und ich habe nur ein Thema.

[Firepup650 (Firepup Sixfifty)]

Wenn Sie einen Cache-Refresh versuchen (Strg/Cmd+Umschalt+R), wird er dann zufällig angezeigt?

[patrickemin]

Keine Änderung.

[patrickemin]

Ok, da ich zwei weitere Discourse-Sites habe, habe ich das auf einer anderen getestet und es hat… funktioniert!
Jetzt gibt es etwas auf meiner dessein-tech.com-Site, das mit diesem Mod interferiert.

Ich habe alle Komponenten einzeln deaktiviert, ohne Erfolg.