Modifica il colore di sfondo al passaggio del mouse per i pulsanti con classe nav

[patrickemin]

Ciao, ho trovato questa discussione:

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.

Ho provato ad adattarla al mio caso, ovvero come cambiare il colore di sfondo dei pulsanti di navigazione quando ci si passa sopra con il mouse (non quando sono attivi). La mia scarsa conoscenza del CSS non è stata sufficiente… Aiuto apprezzato

[awesomerobot (Kris)]

Questo argomento è obsoleto, quindi lo archivierò…

Se desideri modificare il colore al passaggio del mouse per questi pulsanti filtro sopra l’elenco degli argomenti:

Puoi farlo, poiché utilizziamo alcune variabili:

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

C’è un intero set di variabili per questa navigazione che possono essere modificate nello stesso modo:

@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;
}

Per riferimento generale: Making custom CSS changes on your site

[patrickemin]

Grazie mille @awesomerobot! Ma l’ho aggiunto al mio CCS personalizzato, non è visibile alcun cambiamento. Ho provato anche un colore “fisso”, stesso risultato, nessun effetto.

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

[Vaping_Community]

Potresti provare

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

[patrickemin]

@Vaping_Community

!important;

No, ancora nessun cambiamento, è strano.

[Vaping_Community]

Hai creato un componente tema per aggiungere il CSS?

[patrickemin]

Sì, il mio altro codice CSS funziona:

[Vaping_Community]

Non ho mai usato :root, ho sempre usato i nomi delle classi, dovrò dargli un’occhiata ora :occhi:

[Vaping_Community]

Ha funzionato per me.. senza !important

[patrickemin]

Come hai fatto?

[Vaping_Community]

Come te.. non ha cambiato nulla rispetto all’ultima versione, ha cambiato le voci del menu di amministrazione e le voci del menu delle preferenze utente.

[patrickemin]

Nel mio caso nessuna modifica visibile su nessuno di questi.

[Vaping_Community]

Potrebbe essere una domanda sciocca, ma stai cliccando su Salva?

[patrickemin]

Sì, l’ho fatto

[patrickemin]

Non è essenziale, aspettiamo che qualcun altro ci provi… @Steven se puoi provare tu dato che sei amministratore del mio sito…

[Firepup650 (Firepup Sixfifty)]

Per sicurezza, hai il componente del tema con la modifica applicata al tema che stai usando, giusto?

[patrickemin]

Sì, e ho un solo tema.

[Firepup650 (Firepup Sixfifty)]

Se provi un aggiornamento della cache (Ctrl/Cmd+Shift+R), per caso lo fa apparire?

[patrickemin]

Nessuna modifica.

[patrickemin]

Ok, quindi, dato che ho altri due siti Discourse, ho testato questo su un altro e… ha funzionato!
Ora c’è qualcosa sul mio sito dessein-tech.com che interferisce con quella mod.

Ho disattivato tutti i componenti uno per uno senza successo.