Come cambiare il colore del pulsante di iscrizione

[hequaye (Henry Herbert)]

Ciao a tutti! Voglio sapere come posso personalizzare il mio pulsante di iscrizione. Voglio cambiare il colore solo del mio pulsante di iscrizione in verde e non di tutti i pulsanti dell’intestazione.

Sono su un forum ospitato da Discourse, scusate se questa è una domanda da principiante, sono molto un principiante e sono stato su tutta la notte cercando di capirlo.

Sto usando il tema AIR.

[Steven]

Ciao!

Non sono sicuro della gamma di opzioni disponibili sui forum ospitati, ma presumo che tu abbia la sezione Personalizza nel pannello di amministrazione.

Nel tuo tema, modifica CSS/html e in Comune aggiungi questo:

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

Se non funziona, potresti dover aggiungere !important per assicurarti che questo colore abbia la priorità, in questo modo:

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

[hequaye (Henry Herbert)]

Ciao @Steven grazie ha funzionato! Il fatto è che non ho visto alcuna variabile di iscrizione. Ho bisogno di familiarizzare con le variabili per il CSS e come trovarle nell’HTML. Grazie!

[Steven]

Trovare le variabili può essere complicato. La cosa che mi ha aiutato molto a progredire è stata la funzione Inspect nei browser, puoi esplorare il codice e il CSS e provare alcune modifiche dal vivo.

In questo caso, gli sviluppatori di Discourse hanno aggiunto una classe specifica per i pulsanti di iscrizione e accesso che è utile

Ma non esitare a chiedere qui, la community cercherà sempre di aiutarti.

[hequaye (Henry Herbert)]

@Steven Fantastico!!! Grazie mille! Il mio pulsante di iscrizione è diventato verde!

Ho usato lo strumento di ispezione e mi chiedevo se ci fosse un modo per cambiare il nome del pulsante del menu “Tutti i tag” in qualcosa come “Strumenti LFX” per il mio caso d’uso. Comprensibilmente, potrei doverlo trovare in HTML a causa di quanto sia basato sui tag l’intero forum, quanto complessa pensi sarebbe la modifica del nome della funzionalità dei tag in strumenti?

[Steven]

Questo testo particolare può essere modificato nel pannello di amministrazione: Personalizza > Testi

Digita questo nella barra di ricerca: js.tagging.selector_all_tags
E convalida il testo

Ma per rispondere alla tua domanda in un contesto generale, modificare un testo è fattibile ma complicato con i CSS. Generalmente uso il selettore di contenuto in una classe ::before o ::after.

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

Se non avessimo la possibilità di modificare il testo, non sono un esperto ma farei qualcosa del genere.

Per prima cosa, nascondo il testo tutti i tag:

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

Quindi, creo una nuova classe CSS, con contenuto per aggiungere il testo che voglio, e devo specificare la dimensione del font per sovrascrivere l’impostazione precedente:

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