How to set text color of topic that was read already?

Sviluppatore
1

How to set text color of topic that was read already in the list of topics? It is grayed out too much and it hurts usability.

2

You probably won’t be surprised that this can be done with a CSS customization :slight_smile:

The general approach to find these is to :one: right-click the element you want to customize, select Inspect :two: and look for the CCS classes :three:. Then, you write CCS to target this (your favorite search engine will help you), and test it by directly injecting it in your browser :four:.

Pasted image1730×523 107 KB

Once you’re done, simply apply it in site settings.

In this case, the following will make these topics appear red:

.title.visited {
    color: #FF0000 !important;
}

Pasted image1723×272 38.3 KB

6

Sembra che questa funzione sia obsoleta: l’opzione ‘title visited’ non appare più e provarla non ha alcun effetto.

Inoltre, come si potrebbe cambiare il colore per gli argomenti che hanno effettivamente post non letti?

Ho provato a usare l’ispeziona elemento, ma la classe in entrambi i casi si chiama semplicemente “title”, e modificarla sembra cambiare il colore di TUTTI i post, indipendentemente dal fatto che ci siano o meno post non letti.

7

Sembra che ora tu possa usare il selettore .topic-list-item.visited .title.

C’è anche unseen-topic e new-posts :slight_smile:

8

@fefrei grazie per i nuovi selettori! Un’ultima domanda. Sto cercando di cambiare anche il colore del numero che rappresenta le risposte al post. Ma ho notato che questi possono avere colori diversi: c’è il colore standard, ma ne vedo alcuni arancioni, che indicano un alto rapporto tra like e post. È la stessa situazione del discorso sui post letti/non letti. Hai qualche idea su come gestire separatamente i colori qui? (Inoltre, c’è un modo per scoprire se ci sono altri colori possibili? Finora ho visto solo l’arancione)

9

Sono al momento su mobile, quindi non posso verificare questo per te, ma come linea guida generale: prova a esaminare l’elemento che vuoi stilizzare nell’ispettore del tuo browser e cerca classi utili. Se ti mancano informazioni, sali nell’albero (all’elemento genitore di ciascun elemento) e controlla ognuno di essi – ad esempio, nel caso title di cui sopra, la classe visited appariva solo pochi elementi più in alto nell’albero, sull’elemento che rappresenta l’intera riga :slight_smile: