Dove c’è il riquadro rosso, vorrei avere un “riquadro/bolla” separato per l’area “Nuovi argomenti e non letti”. Dove c’è la linea rossa ondulata, vorrei che quell’area fosse uno spazio, e poi sotto l’icona della campana “Tracking”, anche quella dovrebbe essere un suo “riquadro/bolla”. In pratica, sto cercando di creare due bordi arrotondati con spazio tra loro. Essenzialmente, sto solo cercando di separare l’area “Nuovi argomenti e non letti” da ciò che si trova subito sopra. È possibile? Se sì, per favore, dimmi come.
Sembra che l’area Argomenti abbia un ID div di suggested-topics con una classe div di more-topics__list e credo che l’intero riquadro arrotondato che circonda tutto sia main-outlet, ma non riesco a capire quale sia l’area sopra dove si trova l’icona della campana Tracking.
I riquadri rossi indicano i “riquadri/bolle” a cui mi riferivo sopra. La linea arancione tra di loro è dove voglio lo spazio. E sì, ho letto tutti gli argomenti CSS solitamente raccomandati e quant’altro. Non riesco a capirlo dopo circa 6 ore. Sperimentando, sembra che se faccio:
.more-topics__list{
display:none;
}
allora fondamentalmente elimina tutte le cose tra l’icona della campana Tracking e “Vuoi leggere di più?..” in fondo, ma questo non mi aiuta davvero ad andare avanti quando voglio mantenere il contenuto, solo dividere le sezioni.
Per dividere le sezioni in due contenitori, dovresti cambiare il template sottostante. Non penso che tu possa modificare quello predefinito solo con CSS, perché:
e non c’è nessun altro wrapper nel template predefinito.
Discourse Air Theme