Mudança de CSS não funciona mais (brilho ao redor do avatar)

Dev
1

Eu tive isso adicionado aos meus temas há cerca de 6 meses e funcionou bem, adicionou um brilho dourado em negrito em torno de grupos de usuários específicos

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

No entanto, em algum momento, não tenho ideia de quando (também tive Chapéus de Papai Noel que desapareceram e me disseram que isso aconteceu há uma semana e eu não tinha notado, ambos eram adições de CSS, então estou assumindo que foi na mesma época). Eu não sei nada sobre CSS além de adicionar e ajustar edições existentes. Se isso foi de uma atualização que mudou algo, o que devo mudar para reativá-lo? Ou se ainda parece bom, o que poderia ter quebrado isso?

2 curtidas
2

Não consegui encontrar a página onde esse CSS adicionaria o brilho que você especifica. No entanto, se você estiver interessado em adicionar esse brilho ousado e dourado à imagem do avatar de um proprietário de tópico em suas postagens, você pode usar isto:

.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 você puder fornecer uma captura de tela da página em que está trabalhando, onde isso funcionou anteriormente, posso ajudar com mais especificidade.

– EDITAR –

Em qual modelo você estava usando isso?

1 curtida
3

Apenas um palpite, mas você tentou usar .post-avatar em vez de .topic-avatar? Isso pode ser pelo menos parte do problema (se não tudo).

No desktop, essa primeira classe foi incorporada à última durante o decorrer deste ano e também impediu o funcionamento do CSS dos chapéus de Natal (veja a solução relacionada aqui: Christmas hats! - #19 by merefield)

Use sempre o inspetor do seu navegador para olhar o HTML (clique com o botão direito → Inspecionar). Isso pode te dar grandes pistas sobre o que está acontecendo!

4 curtidas
4

Uau, eu esqueci completamente que perguntei isso quando passei para outras coisas e ainda não o adicionei de volta. Desculpe por isso.

Não estava me destacando especificamente como usuário, estava destacando meu grupo de usuários que é “Owner”, bem como “admin” e “Lead”. Eu não inventei isso, alguém postou em um tópico aqui uma vez e eu copiei e colei e funcionou como descrevi, e é por isso que não tenho ideia do que (e por quê). O código que você postou funciona perfeitamente (acabei de tentar) fazendo o que você disse que faz, mas eu estava tentando fazer com que esses Grupos de Usuários específicos brilhassem (tanto no tópico quanto na página principal, que é o que o código que postei originalmente fazia). Tentei alterar o seu com group-owner/admin em vez disso, o que simplesmente o quebrou em vez de fazer o que eu estava tentando fazer.

Embora o seu sirva a mais propósitos do que apenas parecer bonito, então vou usá-lo por enquanto, mas ainda estou interessado.

1 curtida
5

Meu CSS ainda é bem básico, mas acho que isso deve funcionar:

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

Embora o grupo ‘Owner’ precise ser definido como o grupo principal de um usuário.

(pequena edição para ajustá-lo para tópicos e listas de tópicos :slight_smile:)