El cambio de CSS ya no funciona (resplandor alrededor del avatar)

Lo he añadido a mis temas hace unos 6 meses y funcionó bien, añadió un brillo dorado audaz alrededor de grupos de usuarios específicos

.group-Owner>article>.row>.topic-avatar>a>img {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 1.5px #F99A07, 0 0 10px 4px rgba(244,148,14,0.75);
}
.group-Admin>article>.row>.topic-avatar>a>img {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 1.5px #F99A07, 0 0 10px 4px rgba(244,148,14,0.75);
}
.group-Lead>article>.row>.topic-avatar>a>img {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 1.5px #F99A07, 0 0 10px 4px rgba(244,148,14,0.75);
}

Sin embargo, en algún momento, no tengo idea de cuándo (también tenía Sombreros de Santa que desaparecieron y me dijeron que eso sucedió hace una semana y no me había dado cuenta, ambos eran añadidos de CSS, así que supongo que al mismo tiempo). No sé nada de CSS aparte de añadir y ajustar ediciones existentes. Si esto fue de una actualización que cambió algo, ¿qué debería cambiar para volver a habilitarlo? ¿O si todavía se ve bien, qué podría haber roto esto?

2 Me gusta

No he podido encontrar la página donde ese CSS añadiría el brillo que especificas. Sin embargo, si te interesa añadir ese brillo audaz y dorado a la imagen del avatar de un propietario de tema en sus publicaciones, podrías usar esto:

.topic-owner > article > .row > .topic-avatar > .post-avatar > a > img {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 1.5px #F99A07, 0 0 10px 4px rgba(244,148,14,0.75);
}

Si puedes proporcionar una captura de pantalla de la página en la que estás trabajando, donde esto funcionó anteriormente, podría ayudarte de manera más específica.

– EDITAR –

¿En qué plantilla estabas usando esto?

1 me gusta

Solo una suposición, pero ¿has intentado usar .post-avatar en lugar de .topic-avatar? Esto podría ser al menos parte del problema (si no todo).

En el escritorio, esa antigua clase se incrustó en la última en el transcurso de este año y también detuvo el funcionamiento de CSS de los sombreros de Navidad (ver solución relacionada aquí: Christmas hats! - #19 by merefield)

Usa siempre el inspector de tu navegador para mirar el HTML (clic derecho → Inspeccionar). ¡Esto puede darte grandes pistas sobre lo que está pasando!

4 Me gusta

Vaya, olvidé por completo que había preguntado esto cuando pasé a otras cosas y todavía no lo he vuelto a añadir. Lo siento.

No me brillaba específicamente a mí como usuario, sino a mi grupo de usuarios que es “Owner”, así como a “admin” y “Lead”. No se me ocurrió a mí, alguien lo publicó en un tema aquí en un momento dado y lo copié y pegué y funcionó como lo describí, que es por lo que no tengo idea de qué (o por qué). El código que publicaste funciona perfectamente (acabo de probarlo) haciendo lo que dijiste que hace, pero yo intentaba hacer que esos grupos de usuarios específicos brillaran (tanto dentro del tema como en el tablero principal, que es lo que hacía el código que publiqué originalmente). Intenté modificar el tuyo con group-owner/admin en su lugar, lo que simplemente lo rompió en lugar de hacer lo que intentaba.

Aunque el tuyo tiene más propósito que solo verse elegante, así que lo usaré por el momento, pero todavía estoy interesado.

1 me gusta

Mi CSS todavía es bastante básico, pero creo que esto debería funcionar:

.group-Owner img.avatar {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 1.5px #F99A07, 0 0 10px 4px rgba(244,148,14,0.75);
}

Aunque el grupo ‘Owner’ tendría que estar configurado como el grupo principal de un usuario.

(pequeña edición para ajustarlo tanto a temas como a listas de temas :slight_smile:)