CSS-Änderung funktioniert nicht mehr (Glühen um Avatar)

Entwickler
1

Ich habe dies seit etwa 6 Monaten in meinen Themes hinzugefügt und es hat gut funktioniert. Es hat einen fetten goldenen Schein um bestimmte Benutzergruppen hinzugefügt

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

Irgendwann, ich habe keine Ahnung wann (ich hatte auch Weihnachtsmützen, die verschwunden sind, und mir wurde gesagt, dass das vor einer Woche passiert ist und ich es nicht bemerkt habe, beides waren CSS-Hinzufügungen, also gehe ich davon aus, dass es zur gleichen Zeit war). Ich weiß buchstäblich nichts über CSS, außer Hinzufügen und Anpassen bestehender Bearbeitungen. Wenn dies von einem Update stammt, das etwas geändert hat, was sollte ich ändern, um es wieder zu aktivieren? Oder wenn es immer noch gut aussieht, was könnte das kaputt gemacht haben?

2 „Gefällt mir“
2

Ich konnte die Seite, auf der dieses CSS den von Ihnen angegebenen Glanz hinzufügen würde, nicht finden. Wenn Sie jedoch diesen kräftigen, goldenen Glanz zum Avatarbild eines Thema-Besitzers bei seinen Beiträgen hinzufügen möchten, könnten Sie Folgendes verwenden:

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

Wenn Sie einen Screenshot der Seite, an der Sie arbeiten, bereitstellen können, auf der dies zuvor funktioniert hat, kann ich Ihnen möglicherweise spezifischer helfen.

– BEARBEITEN –

Welche Vorlage haben Sie dafür verwendet?

1 „Gefällt mir“
3

Nur eine Vermutung, aber haben Sie versucht, .post-avatar anstelle von .topic-avatar zu verwenden? Dies könnte zumindest ein Teil des Problems sein (wenn nicht sogar das ganze Problem).

Auf dem Desktop wurde die erstere Klasse im Laufe dieses Jahres in die letztere eingebettet und verhinderte auch, dass die CSS für die Weihnachtsmützen funktionierte (siehe verwandte Lösung hier: Christmas hats! - #19 by merefield)

Verwenden Sie immer den Inspektor Ihres Browsers, um sich den HTML-Code anzusehen (Rechtsklick → Inspizieren). Dies kann Ihnen große Hinweise darauf geben, was vor sich geht!

4 „Gefällt mir“
4

Wow, ich habe komplett vergessen, dass ich das gefragt habe, als ich mich anderen Dingen zugewandt habe und es immer noch nicht wieder hinzugefügt habe. Entschuldigung dafür.

Es hat nicht mich speziell als Benutzer zum Leuchten gebracht, sondern meine Benutzergruppe, die „Owner“ ist, sowie „admin“ und „Lead“. Ich habe es mir nicht ausgedacht, jemand hat es hier einmal in einem Thema gepostet und ich habe es kopiert und eingefügt und es funktionierte, wie ich es beschrieben habe, weshalb ich keine Ahnung habe, was (oder warum). Der von Ihnen gepostete Code funktioniert perfekt (ich habe ihn gerade ausprobiert) und tut, was Sie sagen, aber ich habe versucht, diese spezifischen Benutzergruppen zum Leuchten zu bringen (sowohl im Thema als auch auf der Hauptseite, was der Code ist, den ich ursprünglich gepostet habe). Ich habe versucht, Ihren mit group-owner/admin zu ändern, was es einfach kaputt gemacht hat, anstatt das zu tun, was ich versucht habe.

Obwohl Ihrer mehr Zweck erfüllt als nur schick auszusehen, werde ich ihn vorerst verwenden, aber ich bin immer noch interessiert.

1 „Gefällt mir“
5

Mein CSS ist noch ziemlich einfach, aber ich denke, das sollte funktionieren:

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

Die Gruppe „Owner“ müsste jedoch als primäre Gruppe eines Benutzers festgelegt werden.

(kleine Bearbeitung, um sie für beide Themen und Themenlisten anzupassen :slight_smile:)