Change the style of the number of replies if topic solved


(Anthony O.) #1

I would want to change the style of the number of replies of a solved topic (I’m using discourse-solved plugin) on the welcome page, where the latest topics are listed (actually, I wanted to change this color in every list of topics when one is solved).

In a first try to do this, I used the following custom CSS:

td.num.posts a {
  border-width: 1px;
  border-style: solid;
  border-color: #acb21b;
  width: 100%;
  display: block;
  color: #acb21b;
}

But this would color every replies counter in the topic list.
As I’ve noticed that if a topic is solved, there is a td.main-link > span.link-top-line > div.topic-statuses > span.topic-status > i.fa-check-square-o which exists, but I can’t use it to include it in my CSS selector as it’s a cousin of the td which style I want to change and CSS cousin selector doesn’t exist

Can someone tells me what is the good way to do this?