トピックリストの区切り線の色を変更する方法

[Johnny_McIvor]

区切り線がほとんど見えません。変更するにはどのようなCSSを使用すればよいですか？

[omarfilip]

.topic-list-item
    {border-bottom: 1px solid #be235b;}

もちろん、お好みに合わせて色を調整してください。

[Johnny_McIvor]

ありがとうございます！一番上の区切り線のCSSもご存知ですか？

[Arkshine]

お探しのものは .topic-list-body です。

.topic-list-body {
  border-top: 3px solid #be235b;
}

[Johnny_McIvor]

素晴らしい！最後の質問です。

ヘッダーの区切り線のCSSは何ですか

そして、「最終訪問」のテキスト/線は何ですか

[NateDhaliwal]

要素をインスペクトすると、これらを見つけることができます。要素を右クリックし、[要素をインスペクト] を選択します。

[Arkshine]

@Johnny_McIvor

ヘッダーの区切り線のCSSは何ですか

.d-header {
  box-shadow: 0 0 0 1px #be235b;
}

@Johnny_McIvor

「最終訪問」のテキスト/行はどうですか

.topic-list .topic-list-item-separator .topic-list-data {
    border-top: 1px solid #be235b;
}

[Johnny_McIvor]

ありがとうございます。「最終訪問」のテキストについてはどうでしょうか？

[Johnny_McIvor]

インスペクト要素を使っても、何を探せばいいのかよくわかりません。タグは通常表示されていません。

[Johnny_McIvor]

待ってください。わかりました。「span」を最後に追加する必要がありました。

.topic-list-item-separator .topic-list-data span {
  color: #FF0000 !important;
}

[NateDhaliwal]

例えば、「最終読み取り」テキストを右クリックし、「検証」をクリックします。開発者ツールで要素が表示され、クラスをコピーできます。この方法で、ページ上の任意の要素のクラスとIDを見つけることができます。