Wie man die Farbe der Trennlinien in der Themenliste ändert

[Johnny_McIvor]

Die Trennlinien sind fast unsichtbar, was ist das CSS, um sie zu ändern?

[omarfilip]

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

Passen Sie die Farbe natürlich nach Belieben an.

[Johnny_McIvor]

Danke! Kennen Sie auch das CSS für den oberen Trenner?

[Arkshine]

Sie suchen nach .topic-list-body.

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

[Johnny_McIvor]

Großartig! Eine letzte Frage:

Wie lautet das CSS für die Trennlinie des Headers

Und den Text/die Zeile „letzter Besuch“

[NateDhaliwal]

Sie können diese finden, indem Sie das Element untersuchen. Klicken Sie mit der rechten Maustaste auf das Element > Untersuchen.

[Arkshine]

@Johnny_McIvor

Was ist das CSS für die Header-Trennlinie?

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

@Johnny_McIvor

Und der „letzter Besuch“-Text / die Zeile

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

[Johnny_McIvor]

Danke. Und was ist mit dem Text „letzter Besuch“?

[Johnny_McIvor]

Wenn ich “Element untersuchen” ausführe, weiß ich nicht wirklich, wonach ich suchen soll. Die Tags sind normalerweise nicht sichtbar.

[Johnny_McIvor]

Moment. Ich hab’s, ich musste "span" am Ende hinzufügen

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

[NateDhaliwal]

Klicken Sie mit der rechten Maustaste auf den Text „zuletzt gelesen“ und dann auf „Untersuchen“. Sie sollten das Element in den Entwicklertools sehen und die Klasse kopieren können. Auf diese Weise können Sie die Klasse und ID jedes Elements auf der Seite finden.