Existe alguma maneira de alterar via CSS a posição da imagem da categoria na Página de Categorias?
Ou seja, por padrão, a imagem fica “do lado esquerdo” do Nome da Categoria e tenta preencher a altura do Título e da Descrição da Categoria. Mas no mobile, a imagem fica parada ali, e estou tentando colocá-la antes ou depois do Texto do Título da Categoria. Porém, não consigo fazer isso.
Tentei com category-text-title e category-logo aspect-image, mas não consigo alinhá-los corretamente. Estou usando o estilo “Categorias e Tópicos Recentes”.
Você pode colocar a imagem antes do nome da categoria no mobile fazendo o seguinte no stylesheet mobile do seu tema:
.category-title-link {
// isso permite reordenar os elementos e forçá-los na mesma linha
display: flex;
}
.category-text-title {
// altera a ordem do título para aparecer após a imagem
order: 2;
}
.categories-list .category .category-logo.aspect-image {
// remove uma margem extra da imagem que não é mais necessária
margin-top: 0;
}
E ainda mais agradecimentos pelos comentários, dessa forma é mais fácil aprender. Com isso agora posso tentar resolver como centralizar essa imagem em um tema diferente, muito obrigado!
