Lesefortschritt:

CSS-Styling ausschliesslich der Homepage einer Website zuweisen

1. März 2023 | CSS-Stylesheet, Divi-Theme, WordPress

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 WordPress-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

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.






Vielen Dank.

Pin It on Pinterest

Share This