CSSの変更が機能しなくなりました（アバターの周りの光彩）

開発
1

これは約6ヶ月前から私のテーマに追加されており、正常に機能していました。特定のユーザーグループの周りに太い金色の光沢を追加していました。

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

しかし、いつからか（サンタ帽も消えて、1週間前にそうなったと聞いて気づかなかったのですが、どちらもCSSの追加だったので、おそらく同時期だと思います）。CSSについては、追加と既存の編集の調整以外は何も知りません。アップデートで何かが変更されたのであれば、それを再度有効にするために何を修正すべきでしょうか？あるいは、まだ問題なく見えるのであれば、何がこれを壊した可能性がありますか？

「いいね！」 2
2

指定されたグローを追加するCSSのページを見つけることができませんでした。しかし、トピックオーナーのアバター画像に太字の金色のグローを追加したい場合は、次のCSSを使用できます。

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

以前にこれが機能したページのスクリーンショットを提供していただければ、より具体的にサポートできるかもしれません。

– 編集 –
どのテンプレートで使用していましたか？

「いいね！」 1
3

推測ですが、.topic-avatar の代わりに .post-avatar を使用してみましたか？ これが問題の一部（あるいは全部）である可能性があります。

デスクトップでは、この前のクラスが今年中に後者のクラスに埋め込まれ、クリスマスハットの CSS も機能しなくなりました（関連する解決策はこちらをご覧ください: Christmas hats! - #19 by merefield

何が起こっているのかを知るために、常にブラウザのインスペクター（右クリック → 検証）を使用して HTML を確認してください。これは、何が起こっているのかについての 大きなヒント を与えてくれます！

「いいね！」 4
4

申し訳ありません、他のことに移ってしまい、この質問を再追加するのを忘れていました。すみません。

それは私自身を具体的に光らせていたのではなく、私のユーザーグループである「Owner」と、「admin」、「Lead」を光らせていました。私が考え出したものではなく、誰かがここで一度トピックに投稿したものをコピー＆ペーストしたら、説明したように機能したので、何が（なぜ）起こったのか全く分かりません。あなたが投稿したコードは、あなたが言ったことを完璧に実行します（ちょうど試しました）。しかし、私はこれらの特定のユーザーグループを光らせようとしていました（トピック内とメインボードの両方で、それが私が最初に投稿したコードがしていたことです）。グループオーナー/アドミンなどに変更しようとしましたが、私がやろうとしていたことを実行するのではなく、単に壊れてしまいました。

とはいえ、あなたのコードは見た目が良いだけでなく、より多くの目的を果たしてくれるので、とりあえずそれを使用しますが、まだ興味があります。

「いいね！」 1
5

私のCSSはまだかなり基本的ですが、これで機能するはずだと思います。

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

ただし、「Owner」グループはユーザーのプライマリグループとして設定する必要があります。

（トピックとトピックリストの両方に対応するように微調整するための小さな編集です :slight_smile:）