Agregar una imagen de firma para un usuario específico (ya puedo hacerlo para un grupo)

Actualmente lo tengo configurado de tal manera que un grupo determinado tiene una pequeña imagen que aparece como una especie de firma en cada publicación. Quiero expandir esto a un par de personas, pero realmente no quiero tener que crear grupos individuales para todos (no tendrán la misma imagen, así que no puedo simplemente crear un grupo para ellos).

No soy muy bueno con CSS (puedo usarlo y a veces modificarlo un poco, pero hasta ahí llego). Ahora mismo estoy usando

.topic-post.group-Owner .topic-body .cooked::after {
    background-image: url("https://picture.image");
    background-repeat: no-repeat;
    background-size: 160px 80px; /*cambia estos valores según el tamaño de la imagen*/
    width: 160px; /*cambia este valor según el tamaño de la imagen*/
    height: 80px; /*cambia este valor según el tamaño de la imagen*/
    display: block;
    float: right;
    content: "";
}

Lo cual funciona bien para el grupo. He intentado cambiar .username-User y eso no funciona.

Hola,

Si observas la estructura HTML, podrás ver lo siguiente:

Puedes confiar en el ID o nombre de usuario del usuario (pero es probable que sea menos fiable).

Por ejemplo, con el ID:

.topic-post article[data-user-id="2"] .topic-body .cooked::after { 
  //
}
1 me gusta

¡Eso lo solucionó, gracias!

1 me gusta

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.