我怎样让主题列表更紧凑？

支持
1

jjjj
jjjj1846×855 91.2 KB

有太多的空白了。（别担心，我会编辑分隔线的颜色）。

我看到一些2017年左右的其他帖子，他们是用CSS编辑的，但似乎那些CSS不再起作用了。

2

以此为基础进行尝试。

6 个赞
3

看起来太棒了

4

这是相关的 CSS 代码……（如果有效请告诉我！）

.topic-list .topic-list-data {
    padding: .1em .5em 0 !important;
    line-height: normal !important;
}

.topic-list-main-link,
.latest-topic-list-item .main-link,
.topic-list .main-link {
    font-size: var(--font-0) !important;
}

.topic-list-main-link a.title,
.latest-topic-list-item .main-link a.title,
.topic-list .main-link a.title {
    padding: 0 !important;
}

.topic-list .num.posts a,
.topic-list .num .badge-posts {
    padding: 0 !important;
}

.topic-list .link-bottom-line {
    display: inline !important;
}

.topic-list .excerpt {
    margin: 0 !important;
    line-height: normal !important;
}

.topic-list .posters {
    width: auto !important;
    max-width: 146px !important;
}
3 个赞
5

非常感谢，看起来太棒了！正是我想要的。

您是否知道如何让单个帖子也更紧凑一些？

2 个赞
6

太好了！

您具体希望单个帖子看起来是什么样的？

1 个赞
7

ggggg
ggggg1585×1027 136 KB

如何消除空白？我喜欢您之前提供的密集、紧凑的外观。

8

您想减少哪些空白？

您可以画箭头并在空白处写字给我看，或者提供修改前后的图片。

如果可能，也请提供实时页面的链接。

9

您能提供一张后续图片，以查看主题列表的 CSS 更改吗？

1 个赞
10

imageedit_7_5002977264
imageedit_7_50029772641000×648 61.6 KB

如何去除这个空白？

2 个赞
11

Screenshot at 2025-01-26 22-06-18
Screenshot at 2025-01-26 22-06-181825×469 103 KB

2 个赞
12

这应该能覆盖你指出的地方。可以根据原始值随意调整。

.topic-post {
  .topic-body {
   padding-top: 0;  /* 0.8em */
  }
  
  .cooked {
     padding-bottom: 0;  /* 1em */
  }
  
  .post-menu-area {
    margin-top: 0; /* 20px */
    margin-bottom: 0; /* 20px */
  }
}
3 个赞
13

谢谢。

3 个赞
14

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.