Remover a linha horizontal superior da lista de tópicos

[Joshua_Kogan]

Olá. Pretendo usar os ladrilhos de tópicos, o que elimina os títulos padrão da coluna de lista de tópicos; no entanto, isso não remove a linha horizontal associada a esses tópicos. Veja as imagens abaixo…

Site meta com tema claro:

Meu site em andamento:

Como posso remover essa linha? Obrigado antecipadamente!

[awesomerobot (Kris)]

essa borda está no elemento <tbody>, então para removê-la com CSS:

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

[Joshua_Kogan]

@awesomerobot

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

Uhuu! Isso funcionou perfeitamente. Obrigado!

[bifterx (rob Dennis)]

Apenas como complemento a essa pergunta: se eu quisesse alterar a cor da barra superior e as cores dos divisores intermediários, isso seria feito no mesmo lugar?

Obrigado.

[Johani (Joe)]

Se você está se referindo a estes

então o que você precisa fazer é adicionar

.topic-list tbody {
  border-top-color: red;  // altere "red" para a cor de borda desejada
}

e isso criará este efeito

Para os divisores intermediários, você precisará adicionar

.topic-list tr {
  border-bottom-color: red; // altere "red" para a cor de borda desejada
}

e isso criará este efeito

Então, todos esses juntos ficariam assim

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

Trabalho excelente, muito obrigado!