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
Wenn Sie eine Divi-Website auf dem Handy betrachten und das Menü öffnen, es dann aber schliessen möchten, neigen Sie vielleicht dazu, auf den Bereich ausserhalb des Dropdowns zu klicken (oder ihn zu berühren) – in der Annahme, dass dies wie bei ...
Geht es Ihnen wie mir? Ödet Sie die Login-Seite Ihrer WordPress-Website an? Sie können Sie ganz einfach stylen - so dass sie bestens zu Ihrem Webauftritt passt. Heute zeigen wir Ihnen wie das geht.
Die Blog-Übersichten im Divi-Theme bieten schon einige Möglichkeiten zum Styling. Doch richtig cool wird die Bildwelt, wenn Sie mit ein paar CSS-Tricke noch ein wenig nachhelfen. Zwei Möglichkeiten möchten wir Ihnen heute vorstellen.
Einen Websiteinhalt - sei es nun ein Bild, Text oder ein anderes Element - können Sie ganz einfach vertikal und horizontal zentriert im Browserfenster anzeigen. Bei Bedarf werden Sie sogar den Scrollbalken los, falls Sie dieser stört.
Keine Inhalte gefunden.
Werbung
