¿Hay alguna manera de cambiar mediante CSS la posición de la imagen de la categoría en la Página de Categoría?
Es decir, por defecto la imagen se coloca “al lado izquierdo” del Nombre de la Categoría e intenta cubrir la altura tanto del Título como de la Descripción de la categoría. Pero en móviles la imagen simplemente se queda ahí y estoy intentando colocarla antes o después del texto del Título de la Categoría. Pero no logro conseguirlo.
He probado con category-text-title y category-logo aspect-image, pero no consigo alinearlos correctamente. Estoy utilizando el estilo “Categorías y Temas Recientes”.
Puedes colocar la imagen antes del nombre de la categoría en dispositivos móviles añadiendo esto en la hoja de estilos móvil de tu tema:
.category-title-link {
// esto permite reordenar los elementos y los fuerza a estar en la misma línea
display: flex;
}
.category-text-title {
// cambia el orden del título para que aparezca después de la imagen
order: 2;
}
.categories-list .category .category-logo.aspect-image {
// elimina un margen extra de la imagen que ya no es necesario
margin-top: 0;
}
Y aún más gracias por los comentarios, así es más fácil aprender. Con esto ahora puedo intentar resolver cómo centrar esa imagen en un tema diferente, ¡muchas gracias!
