Changement CSS ne fonctionne plus (lueur autour de l'avatar)

J’ai ajouté ceci à mes thèmes il y a environ 6 mois et cela fonctionnait bien, cela ajoutait une lueur dorée audacieuse autour de certains groupes d’utilisateurs

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

Cependant, à un moment donné, je n’ai aucune idée quand (j’avais aussi des bonnets de Père Noël qui ont disparu et on m’a dit que c’était arrivé il y a une semaine et je ne l’avais pas remarqué, tous deux étaient des ajouts CSS, donc je suppose que c’était en même temps). Je ne connais littéralement rien au CSS à part ajouter et modifier des modifications existantes. Si cela provenait d’une mise à jour qui a changé quelque chose, que devrais-je changer pour le réactiver ? Ou si cela a toujours l’air correct, qu’est-ce qui a pu casser cela ?

2 « J'aime »

Je n’ai pas réussi à trouver la page où ce CSS ajouterait l’éclat que vous spécifiez. Cependant, si vous souhaitez ajouter cet éclat audacieux et doré à l’avatar d’un propriétaire de sujet sur ses publications, vous pourriez utiliser ceci :

.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 vous pouvez fournir une capture d’écran de la page sur laquelle vous travaillez, où cela a fonctionné précédemment, je pourrais peut-être vous aider plus spécifiquement.

– MODIFICATION –

Sur quel modèle l’utilisiez-vous ?

1 « J'aime »

Juste une supposition, mais avez-vous essayé d’utiliser .post-avatar au lieu de .topic-avatar ? Cela pourrait être au moins une partie du problème (sinon la totalité).

Sur ordinateur, cette ancienne classe a été intégrée dans cette dernière au cours de cette année et a également empêché le CSS des chapeaux de Noël de fonctionner (voir la solution connexe ici : Christmas hats! - #19 by merefield)

Utilisez toujours l’inspecteur de votre navigateur pour examiner le HTML (clic droit → Inspecter). Cela peut vous donner de grands indices sur ce qui se passe !

4 « J'aime »

Wow, j’avais complètement oublié que j’avais posé cette question quand je suis passé à autre chose et que je ne l’ai toujours pas réajoutée. Désolé pour ça.

Ce n’était pas moi spécifiquement en tant qu’utilisateur qui brillait, c’était mon groupe d’utilisateurs qui est « Owner », ainsi que « admin » et « Lead ». Je ne l’ai pas inventé, quelqu’un l’a posté dans un sujet ici à un moment donné et je l’ai copié-collé et cela a fonctionné comme je l’ai décrit, c’est pourquoi je n’ai aucune idée de quoi (ni pourquoi). Le code que vous avez posté fonctionne parfaitement (je viens de l’essayer) en faisant ce que vous dites, mais j’essayais de faire briller ces groupes d’utilisateurs spécifiques (à la fois dans le sujet et sur le tableau principal, ce que faisait le code que j’ai posté à l’origine). J’ai essayé de modifier le vôtre avec group-owner/admin au lieu de cela, ce qui l’a simplement cassé au lieu de faire ce que j’essayais de faire.

Bien que le vôtre serve plus qu’à avoir l’air fantaisiste, je vais donc l’utiliser en attendant, mais je suis toujours intéressé.

1 « J'aime »

Mon CSS est encore assez basique, mais je pense que cela devrait fonctionner :

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

Bien que le groupe « Owner » doive être défini comme groupe principal d’un utilisateur.

(petite modification pour l’adapter aux sujets et aux listes de sujets :slight_smile:)