DiscourseのホームページにのみCSSコードを適用する方法は？

開発
1

バナーに色と背景を設定しました。
他のページ（トピックなど）のバナーが表示されません。
しかし、背景はすべてのページに表示され続けます。
これをディスコースのホームページにのみ適用するにはどうすればよいですか？

2

こちら - これを試してみてください、役立つかもしれません。 Add custom content that only appears on your homepage

3

それを試しましたが、うまくいきませんでした。

Versatilバナーをインストールし、以下の変更を加えました。

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

黒い背景は変更されますが、すべてのページに表示されてしまいます。

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

または、このようにした場合

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

}

機能しません。

4

編集：Versatile Bannerを使用していないことがわかりました。これはWelcome link bannerのようです。

5

申し訳ありませんが、Google翻訳を使用しています。

CSSの助けを借りて「Banner Versatil」に背景を設定しましたが、それは完璧に機能しますが、背景はすべてのページに表示されます。ホーム ページだけに表示されるようにするにはどうすればよいですか？

これは私が加えたCSSの変更です。ホーム ページでは完璧に機能します。

image
image1432×436 111 KB

しかし、他のページでは背景が表示されます（他のページにはこの背景が表示されないようにしたいです）。

image
image1432×425 1.99 KB

6

編集：画面写真を見て、コンポーネントを混同しているか、翻訳者がそれを台無しにしていることがわかります。これはhttps://meta.discourse.org/t/versatile-banner/109133/1ではなく、https://meta.discourse.org/t/welcome-link-banner/218743/1のようです。