Изменение 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);
}

Однако в какой-то момент (я не знаю когда — у меня также исчезли шапки Санта-Клауса, и мне сказали, что это произошло неделю назад, хотя я этого не заметил; оба изменения были внесены через CSS, поэтому предполагаю, что это случилось одновременно) всё перестало работать. Я почти ничего не знаю о CSS, кроме того, как добавлять и настраивать уже существующие правки. Если это произошло из-за обновления, которое что-то изменило, что именно нужно исправить, чтобы вернуть функционал? Или, если визуально всё выглядит нормально, что могло сломать эту стилизацию?

2

Мне не удалось найти страницу, где этот 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);
}

Если вы сможете предоставить скриншот страницы, над которой вы работаете, и где это работало ранее, я смогу помочь более конкретно.

– ОБНОВЛЕНИЕ –

На каком шаблоне вы это использовали?

3

Просто предположение, но вы пробовали использовать .post-avatar вместо .topic-avatar? Это может быть хотя бы частью проблемы (если не всей).

На компьютере этот класс был вложен в другой в течение этого года, что привело к тому, что CSS для рождественских шапок перестал работать (см. связанное решение здесь: Christmas hats! - #19 by merefield)

Всегда используйте инспектор браузера, чтобы просмотреть HTML (правая кнопка мыши → Inspect). Это может дать вам большие подсказки о том, что происходит!

4

Вау, я совершенно забыл, что задавал этот вопрос, когда переключился на другие дела, и так и не вернул его. Извините за это.

Свечение касалось не конкретно меня как пользователя, а моей пользовательской группы «Owner», а также групп «admin» и «Lead». Я не придумал это сам — кто-то однажды опубликовал это в теме здесь, я скопировал и вставил код, и он работал так, как я описывал, поэтому я понятия не имею, что именно или почему это происходит. Код, который вы опубликовали, работает идеально (я только что его проверил) и делает именно то, о чём вы говорили, но я пытался заставить светиться именно эти конкретные группы пользователей (как внутри темы, так и на главной странице — именно так работал код, который я изначально опубликовал). Я пытался изменить ваш код, заменив селекторы на group-owner/admin, но это просто сломало всё вместо того, чтобы сделать то, что я хотел.

Хотя ваш вариант служит более полезной цели, чем просто выглядит эффектно, поэтому я пока буду использовать его, но мне всё ещё интересно разобраться.

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:)