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

Links auf der Divi-Website stylen

Im Divi-Theme lässt sich von Haus aus die Farbe der dargestellten Links definieren - jedoch ist damit mit Customizing auch schon Schluss. Beim Webdesign werden damit Links ab und an zu diskret dargestellt. Das lässt sich mit minimalem Aufwand ändern.
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.