分类描述浮动到右侧

开发
1

您好，

对于我们现有的社区，我们正在对登陆页面进行一些更新，并希望实现类似 community-openstreetmap 的效果。

到目前为止，我们通过遵循 Making custom CSS changes on your site 更改了分类徽标的大小。但在处理 category-description 时遇到了困难。


.category-logo.aspect-image {
  --max-height: 70px !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  display: block !important;
  margin-bottom: 0.5em;
}

.category-logo.aspect-image img {
  display: block;
  width: calc(var(--max-height) * var(--aspect-ratio)) !important;
  max-width: none !important;
  height: auto !important;
  max-height: var(--max-height) !important;
}

.category-description {
margin-top: 0.5em;
overflow: hidden;
color: var(--primary-high);
}

我们想要的效果

image
image606×217 18.5 KB

我们目前的效果

image
image575×218 11.4 KB

2

试试这个：

.category-logo.aspect-image img {
    float: left;
    padding-right: 10px;
}

另外，你可能过度使用了 !important

6 个赞
3

(作者已删除帖子)

4

太棒了！谢谢！

我会移除一些 !important :slight_smile:

2 个赞