Как применить CSS-код только на главной странице Discourse?

Разработка
1

Я установил цвет и фон для баннера.
Баннер на других страницах (например, в темах) не отображается,
но фон продолжает появляться на всех страницах.
Как сделать так, чтобы это применялось только на главной странице Discourse?

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. Похоже, это баннер ссылки «Добро пожаловать».

5

Извините, я использую Google Переводчик.

Я добавил фон с помощью CSS в Banner Versatil, и это работает отлично, но фон отображается на всех страницах. Как сделать так, чтобы он оставался только на главной странице?

Это изменение CSS, которое я внес, и оно отлично работает на главной странице:

image
image1432×436 111 KB

Но на других страницах фон появляется (я бы хотел, чтобы на других страницах этот фон не отображался):

image
image1432×425 1.99 KB

6

Редактирование: теперь, глядя на ваши скриншоты, я вижу, что вы путаете компоненты, или переводчик всё портит. Это выглядит как Welcome Link Banner, а не как Versatile Banner.