Entfernen der oberen horizontalen Linie der Themenliste

[Joshua_Kogan]

Hallo. Ich plane, Kacheln für Themen zu verwenden, wodurch die standardmäßigen Spaltenüberschriften für Themenlisten entfallen; die horizontale Linie, die mit diesen Themen verbunden ist, wird jedoch nicht entfernt. Siehe die Bilder unten…

Meta-Site im hellen Design:

Meine sich in Arbeit befindende Site:

Wie kann ich diese Linie entfernen? Vielen Dank im Voraus!

[awesomerobot (Kris)]

Dieser Rand befindet sich am <tbody>-Element. Um ihn mit CSS zu entfernen:

.topic-list tbody {
  border-top: none;
}

[Joshua_Kogan]

@awesomerobot

.topic-list tbody { border-top: none; }

Woo hoo! Das hat perfekt funktioniert. Danke!

[bifterx (rob Dennis)]

Als Ergänzung zu dieser Frage: Wenn ich die Farbe der oberen Leiste und die Farben der Zwischenabtrennungen ändern möchte, erfolgt dies am selben Ort?

Danke.

[Johani (Joe)]

Wenn Sie sich auf diese beziehen

dann müssten Sie Folgendes hinzufügen:

.topic-list tbody {
  border-top-color: red;  // Ersetzen Sie „red“ durch die gewünschte Rahmenfarbe
}

Dadurch entsteht dieser Effekt:

Für die Zwischenlinien müssten Sie Folgendes hinzufügen:

.topic-list tr {
  border-bottom-color: red; // Ersetzen Sie „red“ durch die gewünschte Rahmenfarbe
}

Dadurch entsteht dieser Effekt:

Alle zusammen ergeben dann folgendes Aussehen:

.topic-list {
  tbody {
    border-top-color: red;
    tr {
      border-bottom-color: red;
    }
  }
}

[bifterx (rob Dennis)]

@Johani

.topic-list { tbody { border-top-color: red; tr { border-bottom-color: red; } } }

Super gemacht, vielen Dank!