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!
that border is on the <tbody> element, so to remove it with CSS:
.topic-list tbody {
border-top: none;
}
Woo hoo! That worked like a charm. Thank you!
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
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;
}
}
}
super job thanks very much!
This topic was automatically closed after 19 hours. New replies are no longer allowed.