Discourse 홈 페이지에만 CSS 코드를 적용하는 방법

개발
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를 사용하지 않는군요. 그건 Welcome 링크 배너처럼 보입니다.

5

죄송합니다, 구글 번역기를 사용하고 있습니다

CSS의 도움을 받아 Banner Versatil에 배경을 추가했는데, 완벽하게 작동하지만 모든 페이지에 배경이 표시됩니다. 어떻게 하면 메인 페이지에만 배경이 유지되게 할 수 있을까요?

제가 한 CSS 수정은 메인 페이지에서 완벽하게 작동합니다.

image
image1432×436 111 KB

하지만 다른 페이지에서는 배경이 표시됩니다 (다른 페이지에서는 이 배경이 표시되지 않기를 바랍니다)

image
image1432×425 1.99 KB

6

수정: 스크린샷을 보니 컴포넌트를 혼동하고 있거나 번역기가 오류를 일으키고 있는 것 같습니다. 그것은 Welcome Link Banner 의 모습이지, Versatile Banner 의 모습이 아닙니다.