Wie mache ich die Themenliste kompakter?

Unterstützung
1

jjjj
jjjj1846×855 91.2 KB

Es gibt zu viel weißen Platz. (Keine Sorge, ich werde die Farbe der Trennlinie bearbeiten).

Ich habe einige andere Threads aus dem Jahr 2017 gesehen, in denen sie es mit CSS bearbeitet haben, aber es scheint, dass dieses CSS nicht mehr funktioniert.

2

Versuchen Sie dies als Grundlage.

6 „Gefällt mir“
3

Das sieht großartig aus

4

Hier ist etwas CSS dafür… (Lassen Sie mich wissen, ob es funktioniert!)

.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 „Gefällt mir“
5

Vielen Dank, es sieht unglaublich aus! Genau das, wonach ich gesucht habe.

Wissen Sie zufällig, wie man die einzelnen Beiträge auch kompakter gestalten kann?

2 „Gefällt mir“
6

Großartig!

Wie genau sollen die einzelnen Beiträge aussehen?

1 „Gefällt mir“
7

ggggg
ggggg1585×1027 136 KB

Wie kann ich den Leerraum beseitigen? Ich mag den dichten, kompakten Look, den Sie mir zuvor gegeben haben.

8

Welche Leerzeichen sollen reduziert werden?

Sie könnten Pfeile zeichnen und in die Leerzeichen schreiben, um es mir zu zeigen, oder ein Vorher-Nachher-Bild.

Auch ein Link zur Live-Seite, wenn möglich.

9

Können Sie ein Nachher-Bild zur Verfügung stellen, um die CSS-Änderungen an den Themenlisten zu sehen?

1 „Gefällt mir“
10

imageedit_7_5002977264
imageedit_7_50029772641000×648 61.6 KB

Wie werde ich diesen Leerraum los?

2 „Gefällt mir“
11

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

2 „Gefällt mir“
12

Dies sollte das abdecken, was Sie hervorgehoben haben. Passen Sie es gerne an den ursprünglichen Wert an.

.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 „Gefällt mir“
13

Danke.

3 „Gefällt mir“
14

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