# Wie wende ich CSS-Code nur auf der Discourse-Startseite an?
**URL:** https://meta.discourse.org/t/how-to-apply-css-code-only-in-the-discourse-home-page/265234
**Category:** Development
**Created:** [16. Mai 2023 um 20:24 UTC](https://meta.discourse.org/t/how-to-apply-css-code-only-in-the-discourse-home-page/265234 "2023-05-16T20:24:10Z")
**Posts on this page:** 6
**Page:** 1
### Author:  [@danielabc](https://meta.discourse.org/u/danielabc)
#### Post date: [16. Mai 2023 um 20:24 UTC](https://meta.discourse.org/t/how-to-apply-css-code-only-in-the-discourse-home-page/265234/1 "2023-05-16T20:24:10Z")
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?
---
### Author:  [@twofoursixeight](https://meta.discourse.org/u/twofoursixeight)
#### Post date: [16. Mai 2023 um 20:26 UTC](https://meta.discourse.org/t/how-to-apply-css-code-only-in-the-discourse-home-page/265234/2 "2023-05-16T20:26:04Z")
Hier – versuchen Sie es mal, vielleicht hilft es? [Add custom content that only appears on your homepage](https://meta.discourse.org/t/add-custom-content-that-only-appears-on-your-homepage/131415)
---
### Author:  [@danielabc](https://meta.discourse.org/u/danielabc)
#### Post date: [16. Mai 2023 um 21:18 UTC](https://meta.discourse.org/t/how-to-apply-css-code-only-in-the-discourse-home-page/265234/3 "2023-05-16T21:18:11Z")
Ich habe das versucht, aber es hat nicht funktioniert.
Ich habe das Versatil-Banner installiert und folgende Änderungen vorgenommen:
```css
.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
```css
.custom-homepage {
.banner-box {
width: 1070px;
height: 265px;
background-color: black;
border-radius: 30px;
}
}
```
oder so
```css
.custom-homepage .banner-box {
width: 1070px;
height: 265px;
background-color: black;
border-radius: 30px;
}
```
funktioniert es nicht.
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [16. Mai 2023 um 21:30 UTC](https://meta.discourse.org/t/how-to-apply-css-code-only-in-the-discourse-home-page/265234/4 "2023-05-16T21:30:53Z")
Bearbeiten: Ich sehe jetzt, dass Sie nicht das vielseitige Banner verwenden. Das sieht aus wie das Willkommens-Link-Banner.
---
### Author:  [@danielabc](https://meta.discourse.org/u/danielabc)
#### Post date: [16. Mai 2023 um 21:53 UTC](https://meta.discourse.org/t/how-to-apply-css-code-only-in-the-discourse-home-page/265234/5 "2023-05-16T21:53:58Z")
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)
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [16. Mai 2023 um 21:57 UTC](https://meta.discourse.org/t/how-to-apply-css-code-only-in-the-discourse-home-page/265234/6 "2023-05-16T21:57:35Z")
> [@mecay](#):
>
> Ich habe das Versatil-Banner installiert und folgende Änderungen vorgenommen.
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](https://meta.discourse.org/t/welcome-link-banner/218743/1) und nicht das [Versatile Banner](https://meta.discourse.org/t/versatile-banner/109133/1).