كيف أجعل قائمة المواضيع أكثر اختصارًا؟

هناك مساحة بيضاء كثيرة جدًا. (لا تقلق، سأقوم بتحرير لون خط التقسيم).

لقد رأيت بعض المواضيع الأخرى من عام 2017 حيث كانوا يقومون بتحريرها باستخدام CSS، ولكن يبدو أن CSS هذا لم يعد يعمل.

جرب هذا كأساس.

رائع جداً

إليك بعض تنسيقات 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;
}

شكراً جزيلاً، يبدو الأمر لا يصدق! هذا بالضبط ما كنت أبحث عنه.

هل تعرف كيف يمكن جعل المشاركات الفردية أكثر إيجازًا أيضًا؟

رائع!
ما الذي تريده بالضبط أن تبدو عليه المنشورات الفردية؟

كيف يمكنني التخلص من المسافات البيضاء؟ أحب المظهر الكثيف والمدمج الذي قدمته سابقًا.

ما هي المسافات البيضاء التي تريد تقليلها؟

يمكنك رسم أسهم والكتابة في المساحات لإظهارها لي، أو صورة قبل وبعد.

وأيضًا رابط للصفحة المباشرة إن أمكن.

هل يمكنك تقديم صورة بعد التغييرات لرؤية تغييرات CSS في قوائم المواضيع؟

كيف أتخلص من هذه المسافة البيضاء؟

يجب أن يغطي هذا ما أبرزته. لا تتردد في التعديل بناءً على القيمة الأصلية.

.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 */
  }
}

شكرا لك.