Hola @newspring, lo he revisado y tienes dos problemas.
Estilo
En primer lugar, como sugerí anteriormente, el tema Divi utiliza sus propios elementos de comentarios personalizados y solo proporciona estilos para ellos. Esto significa que los elementos de comentarios estándar que usa Discourse no tienen ningún estilo. También significa que Divi no puede darles estilo, ya que busca sus propios elementos de comentarios personalizados.
Básicamente, esto significa que solo puedes usar bloques de comentarios de Divi con un tema Divi sin configuraciones adicionales. Si usas un bloque de comentarios de Discourse o cualquier otro bloque de comentarios que no sea de Divi, tendrás que darle estilo tú mismo. Puedes ver a qué me refiero si aplicas un tema estándar de WordPress, como Twenty Nineteen. Los comentarios de Discourse recibirán estilo mediante el CSS proporcionado por ese tema y se verán normales.
¡Pero no te preocupes! El CSS es relativamente sencillo. Aquí tienes una forma simple de hacer que se vea más normal. Puedes agregar este CSS a Divi o a cualquier otro tema que lo cargue.
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;
}
El resultado final se verá así:
Creo que la razón por la que “Conitinue the discusson at..” y “Participants” aparecen en azul y amarillo es porque lograste agregar estilo directamente a esos elementos mediante Divi. Si deseas cambiar esos colores, elimina ese estilo personalizado en Divi.
Conflicto entre los comentarios de Discourse y WordPress
También tienes los comentarios de WordPress activados, por lo que ves otro cuadro para escribir comentarios al final de la publicación. Si deseas usar los comentarios de Discourse, probablemente quieras desactivarlos. Consulta mi explicación más detallada sobre esto aquí: