C’è un modo per cambiare tramite CSS la posizione dell’immagine della categoria nella Pagina delle Categorie?
In pratica, l’immagine di default si posiziona “sul lato sinistro” del Nome della Categoria e cerca di occupare l’altezza sia del Titolo che della Descrizione della Categoria. Ma su Mobile l’immagine rimane lì ferma e io sto cercando di spostarla prima o dopo il testo del Titolo della Categoria. Ma non riesco proprio a farcela.
Ho provato con category-text-title e category-logo aspect-image ma non riesco a allinearli correttamente. Sto usando lo stile “Categorie e Argomenti Recenti”.
Puoi posizionare l’immagine prima del nome della categoria su mobile eseguendo quanto segue nel foglio di stile mobile del tuo tema:
.category-title-link {
// questo ti permette di riordinare gli elementi e di mantenerli sulla stessa riga
display: flex;
}
.category-text-title {
// modifica l'ordine del titolo in modo che appaia dopo l'immagine
order: 2;
}
.categories-list .category .category-logo.aspect-image {
// rimuove un margine in più dall'immagine che non è più necessario
margin-top: 0;
}
E ancora più grazie per i commenti, così è più facile imparare. Con questo ora posso provare a risolvere come centrare quell’immagine su un tema diverso, grazie mille!
