¿Cómo cambiar el color de los divisores de la lista de temas?

Soporte
1

Screenshot at 2025-02-08 18-38-35
Screenshot at 2025-02-08 18-38-351875×360 121 KB

Las líneas divisorias son casi invisibles, ¿cuál es el CSS para cambiarlas?

2 
.topic-list-item
    {border-bottom: 1px solid #be235b;}

Obviamente, ajusta el color a tu gusto.

3

¡Gracias! ¿Sabes también el CSS para el divisor superior?

Screenshot at 2025-02-08 21-15-13
Screenshot at 2025-02-08 21-15-13667×267 16 KB

4

Lo que buscas es .topic-list-body.

.topic-list-body {
  border-top: 3px solid #be235b;
}
5

¡Genial! Una última pregunta:

¿Cuál es el CSS para la línea divisoria del encabezado

Screenshot at 2025-02-08 22-40-59
Screenshot at 2025-02-08 22-40-59613×223 11.5 KB

¿Y el texto/línea de “última visita”?

ff
ff849×296 53.4 KB

6

Puedes encontrarlos inspeccionando ese elemento. Haz clic derecho en el elemento > Inspeccionar.

7 
.d-header {
  box-shadow: 0 0 0 1px #be235b;
}

.topic-list .topic-list-item-separator .topic-list-data {
    border-top: 1px solid #be235b;
}
8

Gracias. ¿Y qué hay del texto “última visita”?

9

Cuando hago “inspeccionar elemento” realmente no sé qué buscar. Las etiquetas normalmente no son visibles.

10

Espera. Lo conseguí, necesitaba añadir “span” al final

.topic-list-item-separator .topic-list-data span {
  color: #FF0000 !important;
}
11

Haz clic derecho en, digamos, el texto ‘última lectura’, luego haz clic en ‘Inspeccionar’. Deberías ver el elemento en las herramientas de desarrollador, y puedes copiar la clase. De esta manera, puedes encontrar la clase y el id de cualquier elemento en la página.