Trick # 16 | Dieser Beitrag beinhaltet 315 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Hin und wieder trifft Divi das Ankerziel nur so halbwegs und scrollt nicht ganz an die richtige Stelle der Webseite. Falls dies bei Ihrer WordPress-Site auch der Fall ist, empfehlen wir Ihnen diesen kleinen CSS-Hack.
Fügen Sie im CSS-Stylesheet Ihrer Website folgenden Code ein. Sie erreichen das Stylesheet unter Design/Customizer/Zusätzliches CSS.
#top, #ankerziel {
padding-top: 230px;
margin-top: -230px;
}Zur Erklärung:
- Die beiden IDs #top und #ankerziel ersetzen Sie mit den von Ihnen vergebenen Klassen.
- Die beiden Werte in padding-top und margin-top sollten symmetrisch sein. Der eine Wert positiv, der andere negativ. So entstehen keine Lücken auf der angezeigten Website.
- Zum Herausfinden der korrekten Werte für padding-top und margin-top orientieren Sie sich am besten an der Höhe des Headers. Dieser ist nämlich dafür verantwortlich, dass die Ankerziele teilweise zugedeckt werden.
Dieser CSS-Code ist ein optionales Supplement zum Teil 1 des Anker-Link-Tricks: Link auf Anker im Divi-Theme – Teil 1: So einfach geht’s.
Werbung
Das Accordion- oder Akkordeon-Modul des Divi-Themes weist ein Icon rechts der angezeigten Titel auf. Doch wenn der Accordion-Inhalt geöffnet wird, verschwindet dieses Icon. Das lässt sich beheben. Der Trick ist ein einfacher.
Heute zeigen wir Ihnen, wie Sie jede beliebige Section auf Ihrer Divi-Website in ein verstecktes Popup verwandeln können. Dieses wird wahlweise beim Laden der entsprechenden Seite direkt angezeigt - oder nach einem Klick auf eine Schaltfläche ...
Als das WWW in den 90er-Jahren immer populärer wurde, war noch nicht viel los in Sachen Animationen. Ein Auswuchs von seinerzeit: Blinkende Texte. Diese vermochten richtig zu nerven und der blink-Tag ist denn auch aus dem HTML-Standard ...
Das Website-Logo lässt sich im Divi-Menü zentriert darstellen. Es erscheint dann oberhalb der Navigationspunkte. Besonders wenn man dann das Menümodul auf «sticky» trimmt, bleibt so beim Scrollen oft ein sehr mächtiger Inhalt stehen, der Platz ...
Keine Inhalte gefunden.
Werbung
