Solicitando: Opções para remover avatares na lista de tópicos e mudar para Nomes de Usuário

Funcionalidade
1

Eu gostaria de ter nomes de usuário esmaecidos para os níveis de confiança 0-1-2 e coloridos para os níveis de confiança 3-4.

Eu consigo fazer isso em grande parte com CSS, mas muitos bugs acontecem, como quando respondo a um tópico e o nome de usuário do autor original desaparece.

Seria ótimo se houvesse uma opção para desativar avatares na lista de tópicos para dar uma aparência de fórum mais antiga.

Eu gosto dos avatares nas outras áreas, só não na lista principal de tópicos.

2

Olá, tente isto:

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

// Mobile
.pull-left {
  display: none !important;
}

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

Isso remove os avatares na lista de tópicos no desktop e no celular.

1 curtida
3

Isso remove os avatares, mas eu quero manter os nomes de usuário. Vou ver se ajuda com a I.A.

4

Isto é o que eu consegui, A.I., mas os nomes de usuário desaparecem quando uma pessoa responde a um tópico. Eu também não consegui ajustar as cores dos grupos de nível de confiança das pessoas que postam.

.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; /* ajuste o valor conforme necessário */
}


.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; /* Ajuste 80-120px conforme necessário */
  min-width: 100px !important;
}

.topic-list .posters a.latest.single::after {
  margin-top: 10px; /* Ajuste o valor para a posição vertical desejada */
}

.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; /* ou #800080 */
}

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


.topic-list-data.posters {
  padding: 13.5px 45px !important;  /* superior/inferior 8px, esquerda/direita 12px – ajuste conforme necessário */
}

.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;
}

//visibilidade
.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;
}