Formattazione della sezione commenti di Discourse su Wordpress (tema Divi)

Ciao @newspring, ho dato un’occhiata e ci sono due problemi.

Stile

Innanzitutto, come suggerito sopra, il tema Divi utilizza i propri elementi personalizzati per i commenti e fornisce stili solo per questi elementi personalizzati. Ciò significa che gli elementi standard dei commenti utilizzati da Discourse non hanno alcuno stile. Significa anche che Divi non può stilizzarli, poiché cerca i propri elementi personalizzati per i commenti.

In sostanza, questo significa che puoi utilizzare i blocchi commenti di Divi solo con un tema Divi “out of the box”. Se utilizzi un blocco commenti di Discourse o qualsiasi altro blocco commenti non Divi, dovrai stilizzarlo tu stesso. Puoi vedere cosa intendo applicando un tema WordPress standard come Twenty Nineteen. I commenti di Discourse verranno stilizzati dal CSS fornito da quel tema e appariranno normali.

Ma non temere! Il CSS è relativamente semplice. Ecco un modo semplice per renderli più normali. Puoi aggiungere questo CSS a Divi o a qualsiasi altro tema che lo carichi.

CSS
.comment-meta,
.comment-metadata,
.comment-author,
.comment-content,
.comment-author img {
  display: flex;
  align-items: center;
  margin-right: 10px;
  font-size: 1rem !important;
}

.comment::marker {
  content: '';
}

.comment-body {
  margin-bottom: 10px;
}

.et_pb_comments_0 {
  background-color: white; 
}

Il risultato finale sarà simile a questo

Penso che il motivo per cui “Conitinue the discusson at..” e “Participants” siano blu e giallo sia perché hai aggiunto direttamente lo stile a questi elementi tramite Divi. Se vuoi cambiare quei colori, rimuovi quello stile personalizzato in Divi.

Conflitto tra commenti di Discourse e WordPress

Hai ancora i commenti di WordPress attivi, ed è per questo che vedi un altro campo per scrivere commenti in fondo al post. Se vuoi utilizzare i commenti di Discourse, probabilmente vorrai disattivarli. Dai un’occhiata alla mia spiegazione più dettagliata qui

4 Mi Piace