Richiesta: Opzioni per rimuovere gli avatar nell'elenco degli argomenti e sostituirli con i nomi utente

Funzionalità
1

Vorrei avere nomi utente in grigio per i livelli di fiducia 0-1-2 e colorati per i livelli di fiducia 3-4.

Riesco a farlo per lo più con il CSS, ma si verificano molti bug, come quando rispondo a una discussione e il nome utente dell’autore originale scompare.

Sarebbe bello se ci fosse l’opzione per disabilitare gli avatar nell’elenco degli argomenti per dare un aspetto più datato al forum.

Mi piacciono gli avatar nelle altre aree, ma non nell’elenco principale degli argomenti.

2

Ciao, prova questo:

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

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

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

Questo rimuove gli avatar nell’elenco degli argomenti su desktop e dispositivi mobili.

1 Mi Piace
3

Questo rimuove gli avatar, ma voglio mantenere i nomi utente. Vedrò se aiuta con l’IA.

4

Questo è ciò che ho ideato A.I. ma i nomi utente scompaiono quando una persona risponde a un thread. Inoltre, non sono riuscito a regolare i colori dei gruppi di Livello di Fiducia delle persone che pubblicano.

.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; /* regola il valore come necessario */
}


.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; /* Regola 80-120px come necessario */
  min-width: 100px !important;
}

.topic-list .posters a.latest.single::after {
  margin-top: 10px; /* Regola il valore per la posizione verticale desiderata */
}

.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;  /* superiore/inferiore 8px, sinistra/destra 12px – regola come necessario */
}

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

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