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

Einheit im Divi-Zählermodul ändern

Das Divi-Theme beinhaltet ein adrettes Zählermodul. Doch standardmässig zeigt dieses stets ein Prozentzeichen als Einheit an. Das passt natürlich nicht immer. Sie können das Zeichen aber auf einfache Weise entweder ganz ausblenden oder - noch ...

Werbung

 

Pin It on Pinterest

Share This