La modifica CSS non funziona più (riverbero attorno all'avatar)

L’ho aggiunto ai miei temi circa 6 mesi fa e ha funzionato bene, ha aggiunto un bagliore dorato audace attorno a specifici usergroup

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

Tuttavia, a un certo punto, non ho idea di quando (ho anche avuto cappelli di Babbo Natale che sono scomparsi e mi è stato detto che è successo una settimana fa e non me ne ero accorto, entrambi erano aggiunte CSS, quindi presumo nello stesso momento). Non so assolutamente nulla di CSS se non aggiungere e modificare modifiche esistenti. Se questo è stato causato da un aggiornamento che ha cambiato qualcosa, cosa dovrei cambiare per riattivarlo? O se sembra ancora a posto, cosa potrebbe averlo rotto?

2 Mi Piace

Non sono riuscito a trovare la pagina in cui quel css aggiungerebbe il bagliore che specifichi. Tuttavia, se sei interessato ad aggiungere quel bagliore audace e dorato all’immagine dell’avatar di un proprietario di argomento nei suoi post, potresti usare questo:

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

Se puoi fornire uno screenshot della pagina su cui stai lavorando, dove questo ha funzionato in precedenza, potrei essere in grado di aiutarti in modo più specifico.

– MODIFICA –

Su quale template lo stavi usando?

1 Mi Piace

Solo un’ipotesi, ma hai provato a usare .post-avatar invece di .topic-avatar? Questo potrebbe essere almeno in parte il problema (se non del tutto).

Sul desktop, quella prima classe è stata incorporata nell’ultima nel corso di quest’anno e ha interrotto anche il funzionamento del CSS dei cappelli di Natale (vedi soluzione correlata qui: Christmas hats! - #19 by merefield)

Usa sempre l’ispettore del tuo browser per esaminare l’HTML (fai clic destro → Ispeziona). Questo può darti grandi indizi su ciò che sta succedendo!

4 Mi Piace

Wow, mi ero completamente dimenticato di averlo chiesto quando sono passato ad altre cose e non l’ho ancora riaggiunto. Mi dispiace.

Non mi stava illuminando specificamente come utente, ma il mio gruppo di utenti che è “Owner”, così come “admin” e “Lead”. Non l’ho inventato io, qualcuno l’ha pubblicato in un argomento qui una volta e l’ho copiato e incollato e ha funzionato come ho descritto, motivo per cui non ho idea di cosa (o perché). Il codice che hai pubblicato funziona perfettamente (l’ho appena provato) facendo quello che hai detto, ma stavo cercando di far brillare quei specifici Usergroup (sia all’interno dell’argomento che dalla bacheca principale, che è quello che faceva il codice che ho pubblicato originariamente). Ho provato a modificarlo con group-owner/admin invece, il che semplicemente l’ha rotto invece di fare quello che stavo cercando di fare.

Anche se il tuo serve più a uno scopo che a un semplice aspetto estetico, quindi lo userò nel frattempo, ma sono ancora interessato.

1 Mi Piace

Il mio CSS è ancora piuttosto basilare, ma penso che dovrebbe funzionare:

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

Anche se il gruppo ‘Owner’ dovrebbe essere impostato come gruppo primario di un utente.

(piccola modifica per adattarlo sia agli argomenti che agli elenchi di argomenti :slight_smile:)