CSS、分类图片和分类页面

[Iceman]

大家好，

是否可以通过 CSS 修改分类页面上分类图片的位置？

默认情况下，图片会位于分类名称的“左侧”，并尝试填充分类标题和描述的高度。但在移动设备上，图片只是呆在那里，而我希望将其置于分类标题文本之前或之后。但我似乎无法实现这一点。

我尝试过使用 category-text-title 和 category-logo aspect-image，但无法正确对齐它们。我使用的是“分类与最近话题”样式。

提前感谢任何建议！

[awesomerobot (Kris)]

您可以通过在主题的移动端样式表中执行以下操作，在移动设备上将图片置于类别名称之前：

.category-title-link {
  // 这允许您重新排列元素并强制它们在同一行显示
  display: flex; 
}

.category-text-title {
  // 将标题的顺序更改为排在图片之后
  order: 2; 
}

.categories-list .category .category-logo.aspect-image {
  // 移除图片不再需要的额外边距
  margin-top: 0;
} 

[Iceman]

一千万次感谢！

更要感谢大家的评论，这样更容易学习。现在我可以尝试解决如何在不同主题中居中该图像的问题，非常感谢！