Rimuovi la linea orizzontale superiore dell'elenco dei topic

[Joshua_Kogan]

Ciao. Ho intenzione di utilizzare le tessere degli argomenti, che eliminano i titoli standard delle colonne dell’elenco degli argomenti; tuttavia, non rimuove la linea orizzontale associata a tali argomenti. Vedi le immagini qui sotto…

Sito meta con tema chiaro:

Il mio sito in fase di sviluppo:

Come posso eliminare quella linea? Grazie in anticipo!

[awesomerobot (Kris)]

quel bordo è sull’elemento <tbody>, quindi per rimuoverlo con CSS:

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

[Joshua_Kogan]

@awesomerobot

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

Evviva! Ha funzionato alla perfezione. Grazie!

[bifterx (rob Dennis)]

Solo come estensione di questa domanda, se volessi cambiare il colore della barra in alto e i colori dei divisori intermedi, si farebbe nello stesso posto?

Grazie

[Johani (Joe)]

Se ti riferisci a questi

allora quello che ti serve aggiungere è

.topic-list tbody {
  border-top-color: red;  // sostituisci "red" con il colore del bordo desiderato
}

e questo creerebbe questo effetto

Per i divisori intermedi, dovresti aggiungere

.topic-list tr {
  border-bottom-color: red; // sostituisci "red" con il colore del bordo desiderato
}

e questo creerebbe questo effetto

Quindi, combinando tutto insieme, il risultato sarebbe questo

.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; } } }

Ottimo lavoro, grazie mille!