CSS-Stylesheet
Hier finden Sie zahlreiche Tricks, um Ihr Webprojekt mit CSS-Code auf Vordermann zu bringen.
Wir empfehlen Ihnen den Einsatz eines Child-Themes – damit sind Sie sicher, dass Ihre Anpassungen bei einem Theme-Update nicht überschrieben werden. Wie Sie ein Child-Theme erstellen, erfahren Sie im Beitrag «Ein Child-Theme anlegen – ein Must im Webdesign».
Das Button-Modul im Divi-Theme bietet eine Fülle von Anpassungsmöglichkeiten. Sie können die Farbe, das Symbol, den Hover-Stil, die Animation und die Position ändern. Aber was, wenn Sie über das hinausgehen möchten, was Divi von Haus aus bietet? Wir zeigen Ihnen nicht weniger als 25 einfache Styling-Tricks für Ihre Divi-Buttons.
Heute ein interessanter Animationseffekt: Texte werden quasi live am Monitor geschrieben. Dieser Typewritereffekt startet, sobald die Seite geladen wird. Sie benötigen bloss einige Zeilen CSS-Code - wir zeigen Ihnen alles weitere.
Das Divi-Theme enthält ein Portfoliomodul mit Filtern, mit dem Sie Ihre Projekte zusammen mit Registerkarten-Schaltflächen anzeigen können. So können Ihre User bestimmte Projektkategorien zur Ansicht auswählen. Die Filter kommen aber etwas öde daher. Hier finden Sie Tipps für die Gestaltung der Filterbuttons des Portfoliomoduls.
Während das Divi-Theme das Headermenu standardmässig am Seitenkopf fixiert, lässt Divi das Menu in der Mobilansicht verschwinden. Die Überlegung dahinter gründet im Platzbedarf: Auf den kleinen Anzeigen der Mobiltelefone und Tablets kann das Menü zuviel Platz beanspruchen. In besonderen Situationen möchte man aber das Menü immer sichtbar anzeigen. Freilich lässt sich auch dies ganz einfach bewerkstelligen.
Besonders Preislisten oder andere Tabellen werden schnell mal unübersichtlich: User können die Zeile «verlieren». Sie können helfen und das Auge beim Lesen «führen». Das geht ganz einfach.
Das Divi-Theme bietet neben allerhand einleuchtenden Modulen auch das Code-Modul. Still und leise fristet es sein Dasein - dabei hat es echt Power unter der Haube. Eine Würdigung des oft unterschätzten Divi-Code-Moduls.
Ab und an passt die Grösse des Website-Logos im Divi-Theme in der Desktop-Ansicht gut - auf Mobilgeräten jedoch kommt es zu gross - manchmal auch zu klein - daher. Mit einem einfachen Trick können Sie die Abmessungen aber festlegen. Wir zeigen Ihnen wie das geht.
Normalerweise stellt Divi die zu präsentierenden Inhalte mit gebührendem Abstand an. Jedoch lassen sich auch mit dem Divi-Theme Inhalte überlappen - etwa Textblöcke. Wie's geht, zweigen wir Ihnen heute.
Unter WordPress lassen sich Seiten und Beiträge passwortgeschützt veröffentlichen. Wird dann der Inhalt aufgerufen, erscheint zunächst eine Passwortabfrage, welche im Divi-Theme aber reichlich karg daher kommt. Sie lässt sich indes mit einfachen Mitteln verschönern. Hier erfahren Sie, wie das geht.
Wenn Sie den Standardheader des Divi-Themes verwenden, können Sie beim Scrollen ganz einfach ein anderes Logobild anzeigen lassen. Zum Beispiel ein Bild, das keine Textsubline enzhält, weil diese womöglich beim Scrollen zu klein erscheint, um noch lesbar zu sein.
Das Divi-Theme blendet von Haus aus einen Header ein. Darin erscheint etwa das Menu und zusätzlich noch ein Logo. Ab und an möchte man aber diesen Standard-Header vollständig ausblenden - etwa auch, um ihn zu ersetzen. Wie das geht, zeigen wir Ihnen hier.
Das Footer-Menu im Divi-Theme ist von Haus aus immer links ausgerichtet. Eine Option, um es zu zentrieren oder rechtsbündig anzulegen, sucht man vergebens. Dennoch ist das möglich: mithilfe von ein paar Zeilen CSS-Code.
Keine Inhalte gefunden.
Werbung
