トピックリストをよりコンパクトにするにはどうすればよいですか？

サポート
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.