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
Der Divi-Builder ist praktisch; ab und an möchte man aber womöglich darauf verzichten: Für Bleiwüsten auf Pflichtseiten - wie etwa das Impressum oder die Datenschutzerklärung - möchte man möglicherweise nicht mit dem Divi-Builder arbeiten. Doch ...
Eine gute Möglichkeit, zusätzliche Marketinginformationen auf einer Landing-Page bereitzustellen, ist eine zweite Textzeile auf einer Call-to-Action-Schaltfläche. Da es standardmässig keine Möglichkeit gibt, dem Divi-Button eine zweite ...
Das filterbare Portfolio-Modul des Divi-Themes beitet – neben allen anderen Filterbuttons – zusätzlich einen Button mit der Aufschrift «Alle», unter welchem sämtliche Posts angezeigt werden. Dieser «Alle»-Button lässt sich mit ein wenig CSS ...
Das Divi-Theme verfügt über das Posttitel-Modul. Damit lassen sich einige zusätzliche Inhalte praktisch anzeigen: Natürlich den Titel, etwa eine Autorenzeile, das Datum, die Kategorien des fraglichen Beitrags – nicht aber die Schlagwörter. ...
Keine Inhalte gefunden.
Werbung
