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
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 ...
Besonders auf Teamseiten kommen oft Porträtbilder unterschiedlichster Machart zusammen. Ein Studiobild neben einer Aussenaufnahme usw. Das wirkt oft unruhig. Ein guter Trick ist, die Bilder schwarzweiss darzustellen. Doch halt: statt nun alle ...
Die meisten Kontaktformulare zeigen Beschriftungen über den Eingabefeldern. Im Divi-Formularmodul sind diese Feldbeschriftungen standardmässig nicht sichtbar. Mit einem CSS-Snippet werden die Beschriftungen eingeschaltet. Wir zeigen Ihnen, wie ...
Das Informationstext-Modul (oder Blurb-Modul) des Divi-Themes bietet die Möglichkeit, ein Bild anzuzeigen. Das ist zwar hübsch – wenn man aber mehrere Blurbs nebeneinander verwendet, kann das bei unterschiedlichen Bildformaten unschön aussehen. ...
Keine Inhalte gefunden.
Werbung
