¡Ah! Definitivamente me equivoqué al no proporcionar una forma de descargar o ver el código. ¡Solo es un poco de CSS! Lo incluiré en un componente de tema adecuado en GitHub cuando tenga oportunidad.
// Ocultar todos los posters excepto el autor del tema
.topic-list .posters {
width: 75px;
text-align: center;
// Mostrar solo el primer poster
a:not(:first-of-type) {
display: none;
}
// Eliminar desplazamiento y decoración
a:first-child .avatar.latest:not(.single) {
position: static;
box-shadow: none;
border: 0;
}
// Ajuste para alineación centrada
& > a {
float: none;
margin-right: 0;
}
}
// Asegurar que el usuario correcto se muestre en anchos menores
@media screen and (max-width: 850px) {
.topic-list td.posters {
// Asegurar que el primer poster se muestre
a:not(.latest) {
display: block;
}
// Ocultar todo lo demás
a:not(:first-of-type) {
display: none;
}
}
}
Lo que estás intentando lograr probablemente esté más cerca de: