Lesefortschritt:

CSS-Styling ausschliesslich der Homepage einer Website zuweisen

1. März 2023 | CSS-Stylesheet, Divi-Theme, Word­Press

Trick # 212 | Dieser Beitrag beinhaltet 241 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.

Heute zeigen wir Ihnen, wie Sie ein bestimmtes CSS-Styling einzig und alleine auf der Homepage Ihres Webauftritts aktivieren. Auf allen anderen Seiten wird das Styling nicht berücksichtigt. Ein kleiner praktischer Trick fürs Webdesign.

Kurz gesagt, Sie können die Startseite in Divi (oder in jedem anderen Word­Press-Theme) ansteuern, indem Sie .home vor ein beliebiges CSS-Element setzen. Wenn Sie zum Beispiel nur auf der Startseite ein transparentes Menü haben möchten, müssten Sie folgenden Code verwenden, den Sie in das CSS-Stylesheet (unter Design/Customizer/Zusätzliches CSS) hinzufügen können:

.home #main-header {
    background: transparent;
}

Diesen Effekt werden Sie wahrscheinlich nicht allzu oft verwenden, aber er ist sehr praktisch, wenn Sie die Startseite einer Website anders aussehen lassen möchten als den Rest der Website.

Werbung

Keine Inhalte gefunden.

Werbung

 

Pin It on Pinterest

Share This
Überblick über den Datenschutz

Diese Website verwendet Cookies, damit wir Ihnen die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in Ihrem Browser gespeichert und dienen dazu, Sie wiederzuerkennen, wenn Sie auf unsere Website zurückkehren, und unserem Team zu helfen, zu verstehen, welche Bereiche der Website Sie am interessantesten und nützlichsten finden.