Remove topic list top horizontal line

[Joshua_Kogan]

Hi. I plan on using topic tiles, which eliminates standard topic list column titling; however, it does not remove the horizontal line associated with those topics. See images below…

Light theme meta site:

My in-progress site:

How do I get rid of that line? Thank you in advance!

[awesomerobot (Kris)]

that border is on the <tbody> element, so to remove it with CSS:

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

[Joshua_Kogan]

@awesomerobot

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

Woo hoo! That worked like a charm. Thank you!

[bifterx (rob Dennis)]

just as an extension to this question, if I wanted change the colour of the top bar and the colours of the intermediate dividers, would this be done in the same place?

thanks

[Johani (Joe)]

If you’re referring to these

then what you’d need is to add is

.topic-list tbody {
  border-top-color: red;  // change "red" to the desired border color
}

and that would create this effect

For the intermediate dividers you’d need to add

.topic-list tr {
  border-bottom-color: red; // change "red" to the desired border color
}

and that would create this effect

So all of those put together would look like this

.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 job thanks very much!