Intestazione personalizzata e css

Ciao a tutti, sto cercando di aggiungere un’intestazione personalizzata in alto. Sta funzionando per lo più, ma alcuni CSS, credo, vengono sovrascritti da Discourse.
C’è un trucco per bloccare il CSS di Discourse dall’influenzare la mia intestazione?

1 Mi Piace

Ciao :wave:

Puoi condividere le tue modifiche CSS?

Di solito, Discourse sovrascriverà le nostre regole se i nostri selettori non sono abbastanza precisi.

Ad esempio, se Discourse ha una regola come body .category { line-height: 1 } e noi scriviamo nel nostro tema .category { line-height: 2 }, allora verrà sovrascritta dalla prima regola perché è più precisa con il selettore body aggiuntivo.

2 Mi Piace

Da quello che ho letto, c’è anche il "! Important" usato in css?

Sì. Non ne consiglierei l’uso a meno che non si possa sovrascrivere il CSS utilizzando i selettori. È una regola “di ultima istanza”. :slight_smile:

1 Mi Piace

Grazie per il chiarimento. L’ho visto spesso raccomandato per i componenti aggiuntivi per influenzare/modificare un Theme component.

Grazie per aver risposto a tutti. Ho abbastanza familiarità con CSS per conoscere i trucchi standard e simili. Mi dispiace se non suona molto gentile, non intendo questo.
Speravo davvero che Discourse avesse qualche impostazione da qualche parte per forzare il proprio CSS a ignorare i contenitori personalizzati con ID o classi specifiche. Mi farebbe risparmiare molto tempo.
Comunque, penso di aver capito la maggior parte; e dovrò solo tenere d’occhio eventuali modifiche CSS importanti che Discourse aggiungerà lungo il percorso e compensare.

1 Mi Piace