Solicitando: Opciones para eliminar avatares en la lista de temas y cambiarlos por nombres de usuario en su lugar

Característica
1

Quisiera tener nombres de usuario atenuados (en gris) para los niveles de confianza 0-1-2, y con color para los niveles de confianza 3-4.

Casi puedo hacerlo con CSS, pero ocurren muchos errores, como cuando respondo a un hilo y el nombre de usuario del autor original desaparece.

Sería genial si existiera la opción de deshabilitar los avatares en la lista de temas para darle un aspecto de foro más antiguo.

Me gustan los avatares en las otras áreas, solo no en la lista principal de temas.

2

Hola, prueba esto:

// Escritorio
.topic-list td.topic-list-data.posters {
  display: none !important;
}

// Móvil
.pull-left {
  display: none !important;
}

.topic-list .right {
  margin-left: 0 !important;
}

Esto elimina los avatares en la lista de temas en escritorio y móvil.

1 me gusta
3

Esto elimina los avatares, pero quiero conservar los nombres de usuario. Veré si ayuda con la IA.

4

Esto es lo que se me ocurrió, IA, pero los nombres de usuario desaparecen cuando alguien responde a un hilo. Tampoco pude ajustar los colores de grupo de nivel de confianza de las personas que publican.

.topic-list .posters img.avatar { display: none; }
.topic-list .posters { text-align: center !important; }
.topic-list .posters a.latest.single {
  display: block;
  padding: 4px 0;
}


.topic-list .posters a.latest.single::after {
  content: attr(data-user-card);
  display: block;
  font-size: 17px;
  font-weight: normal;
  text-align: center;
}
.topic-list-header th.posters {
  text-align: center !important;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.topic-list-header th.posters {
  padding-top: 16px !important; /* ajustar valor según sea necesario */
}


.topic-list-header th.posters::before {
  content: "Poster";
  font-size: 18px;
  font-weight: normal;
  color: #a6a6a6;
}


.topic-list .posters {
  display: flex;
  justify-content: center;
}

.topic-list th.posters,
.topic-list td.posters {
  width: 100px !important; /* Ajustar 80-120px según sea necesario */
  min-width: 100px !important;
}

.topic-list .posters a.latest.single::after {
  margin-top: 10px; /* Ajustar valor para la posición vertical deseada */
}

.topic-list .posters a.latest.single::after {
  text-decoration: underline transparent;
  text-underline-offset: 1px;
  transition: text-decoration-color 0.2s;
}

.topic-list .posters a.latest.single:hover::after {
  text-decoration-color: #8e0086; /* o #800080 */
}

a.latest.single {
    padding-right: 5px !important;
}


.topic-list-data.posters {
  padding: 13.5px 45px !important;  /* superior/inferior 8px, izquierda/derecha 12px – ajustar según sea necesario */
}

.posters.topic-list-data,
.posters.topic-list-data a, {
  font-size: 17px !important;
}

.posters.topic-list-data a.latest.single {
  display: flex;
  align-items: center;
  justify-content: center;
}

.posters.topic-list-data a.latest.single::after {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.topic-list .posters a.latest.single::after {
  content: attr(data-user-card) !important;
  display: block !important;
}

//visibilidad
.topic-list .posters a {
  display: none !important;
}

.topic-list .posters a.latest {
  display: inline-block !important;
}

.topic-list .posters a.latest::after {
  content: attr(data-user-card) !important;
  display: block !important;
  font-size: 17px;
  margin-top: 4px;
}