Supprimer la ligne horizontale supérieure de la liste des sujets

[Joshua_Kogan]

Bonjour. Je prévois d’utiliser des vignettes de sujets, ce qui supprime les titres de colonnes standard de la liste des sujets ; cependant, cela ne supprime pas la ligne horizontale associée à ces sujets. Veuillez consulter les images ci-dessous…

Site méta en thème clair :

Mon site en cours de création :

Comment puis-je supprimer cette ligne ? Merci d’avance !

[awesomerobot (Kris)]

Cette bordure se trouve sur l’élément <tbody>, donc pour la supprimer avec CSS :

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

[Joshua_Kogan]

@awesomerobot

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

Super ! Ça a fonctionné à merveille. Merci !

[bifterx (rob Dennis)]

Juste pour prolonger cette question : si je voulais modifier la couleur de la barre supérieure et celle des séparateurs intermédiaires, cela se ferait-il au même endroit ?

Merci.

[Johani (Joe)]

Si vous faites référence à ces éléments

alors ce dont vous avez besoin est d’ajouter

.topic-list tbody {
  border-top-color: red;  // remplacez « red » par la couleur de bordure souhaitée
}

et cela produira cet effet

Pour les séparateurs intermédiaires, vous devrez ajouter

.topic-list tr {
  border-bottom-color: red; // remplacez « red » par la couleur de bordure souhaitée
}

et cela produira cet effet

Ainsi, tous ces éléments combinés donneront ceci

.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 travail, merci beaucoup !