Wie wende ich CSS-Code nur auf der Discourse-Startseite an?

Ich habe einem Banner Farbe und Hintergrund gegeben
das Banner auf anderen Seiten (wie Themen) erscheint nicht
aber der Hintergrund erscheint weiterhin auf allen Seiten
wie kann ich das nur auf der Startseite von Discourse anwenden?

1 „Gefällt mir“

Hier – versuchen Sie es mal, vielleicht hilft es? Add custom content that only appears on your homepage

1 „Gefällt mir“

Ich habe das versucht, aber es hat nicht funktioniert.

Ich habe das Versatil-Banner installiert und folgende Änderungen vorgenommen:

.banner-box {
    width: 1070px;
    height: 265px;
    background-color: black;
    border-radius: 30px;
}

Der schwarze Hintergrund ändert sich, aber er erscheint auf allen Seiten. Wenn ich eingebe

.custom-homepage {
 .banner-box {
    width: 1070px;
    height: 265px;
    background-color: black;
    border-radius: 30px;
}
}

oder so

.custom-homepage .banner-box {
    width: 1070px;
    height: 265px;
    background-color: black;
    border-radius: 30px;

}

funktioniert es nicht.

1 „Gefällt mir“

Bearbeiten: Ich sehe jetzt, dass Sie nicht das vielseitige Banner verwenden. Das sieht aus wie das Willkommens-Link-Banner.

1 „Gefällt mir“

Es tut mir leid, ich benutze Google Translate

Ich habe mit Hilfe von CSS einen Hintergrund in Banner Versatil eingefügt, er funktioniert perfekt, aber der Hintergrund erscheint auf allen Seiten. Wie kann ich ihn nur auf der Startseite anzeigen lassen?

Dies ist die CSS-Änderung, die ich vorgenommen habe, sie funktioniert perfekt auf der Startseite

aber auf den anderen Seiten erscheint der Hintergrund (ich wünschte, dieser Hintergrund würde auf den anderen Seiten nicht angezeigt)

Bearbeiten: Wenn ich mir jetzt deine Bildschirmfotos ansehe, kann ich sagen, dass du deine Komponenten verwechselst oder der Übersetzer sie durcheinander bringt. Das sieht aus wie das Welcome Link Banner und nicht das Versatile Banner.