Olá, estou usando o Air Theme, que parece incrível!
Defini minhas categorias como caixas. Quando faço upload de uma imagem de 200 x 200px, ela não se encaixa bem. Não tenho certeza de qual CSS eu precisaria para que ela ficasse como a caixa à direita, mas com a minha imagem. Assim, a cor vai até as bordas da mesma forma que a da direita.
Apenas uma atualização. É isso que diz na tela de upload - Proporção recomendada de 1:1 com tamanho mínimo de 200px. Se deixado em branco, nenhuma imagem será exibida. - Eu também fiz 1000 x 1000 e não há mudança, então acho que isso pode ser um problema com a forma como o tema está funcionando. Além de não exibir a imagem nas bordas da caixa, ele também mostra parte do fundo azul anterior atrás da minha imagem.
Alguma ideia ou sugestão?
Olá – isto está no seu teste hospedado? Se sim, você não poderá editar o CSS em nosso plano Starter, receio.
Olá Hawk,
Obrigado pela sua resposta.
Não, estou em uma instalação auto-hospedada nova com o tema Air. Eu meio que acho que há um problema com o tema ao alinhar as imagens corretamente. Tudo o que fiz foi carregar meu arquivo na proporção recomendada e o resultado exibido é como você vê acima.
Seria bom se a imagem fosse exibida até as bordas, como acontece no espaço reservado antes de carregar as imagens. Se não, pelo menos não ter os resquícios azuis do espaço reservado visíveis atrás da minha imagem.
Ficarei feliz em colocar código CSS em algum lugar para corrigi-lo, embora eu não tenha certeza de onde e qual código preciso colocar lá. Embora, como eu disse, eu acho que pode ser algo acontecendo com o tema que não exibe o arquivo carregado corretamente.
Há um margin-top: .5em na div pai, que desloca a imagem pai e a imagem filha para baixo.
Você pode tentar substituir esse comportamento:
categories-list .category .category-logo.aspect-image {
margin-top: 0;
}
Acho que este problema deveria ter uma correção oficial, no entanto.
Olá Coin-coin le Canapin,
Obrigado pelo código CSS. Não tenho muita certeza de onde adicioná-lo. Pesquisei online e acho que preciso adicioná-lo como um componente ao tema “air”. O que eu fiz e, quando ativado, não fez nenhuma alteração. Provavelmente estou fazendo isso errado.
Concordo, acho que isso precisa ser analisado no tema. Talvez eu faça uma postagem na página do tema e veja se pode ser corrigido.
Olá Hawk,
Existe alguma forma de marcar alguém da equipe do Air Theme nesta postagem para tentar obter uma solução para este problema?
Eu tentei o CSS que foi mencionado por outro usuário nesta postagem, mas não pareceu funcionar.
Obrigado,
Bec
Oi Bec, atribuí um designer para dar uma olhada, mas não posso te dar um prazo, desculpe, é fim de semana.
Sem problemas. Muito obrigado.
Olá! Obrigado por relatar isso. Vou dar uma olhada e te dar uma resposta em breve, ou adicionar a correção ao tema.
Tenho uma correção aqui -\u003e DEV: fix image size by jordanvidrine · Pull Request #49 · discourse/discourse-minimal-category-boxes · GitHub
Se você atualizar o componente de tema de caixas de categoria modernas instalado no tema air, isso deverá corrigir seu problema.
Obrigado!
Olá Jordan,
Muito obrigado. Sim, isso corrigiu o problema de ainda ver o espaço reservado ao fundo.
Será que você pode me dizer como fazer minha imagem ir até as bordas da caixa, como o espaço reservado faz? Fica muito mais bonito e eu esperava que ficasse igual quando carregasse minha imagem.
Se houver algum CSS que eu precise usar, onde ele iria, já que o CSS que tentei adicionar antes não pareceu funcionar e não tenho certeza se é porque as alterações não são permitidas no tema ou se eu simplesmente não sei o que estou fazendo, pois sou novo no discourse.
Obrigado
Bec
Olá Jordan,
Só queria te atualizar.
Uma coisa estranha aconteceu quando editei a 3ª caixa de categoria, de repente todas as imagens se encaixaram sozinhas. Então, tudo está parecendo bem agora.
Obrigado novamente por toda a sua ajuda.
Olá novamente, Jordan,
Na verdade, será um problema se você tiver categorias com menos de 3 em uma linha. Quando a terceira imagem em uma linha é adicionada, tudo se encaixa perfeitamente como na minha mensagem anterior. Mas se você tiver apenas duas em uma linha, a imagem não será colocada perfeitamente dentro da caixa, ela ficará como um quadrado. Então, agora tenho algumas imagens que ficam boas e outras com uma imagem quadrada.
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
