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».
Wenn Sie das Standard-Menü des Divi-Themes nutzen, lässt sich das Website-Logo beim Scrollen mit einem einfachen CSS-Trick auswechseln Wir zeigen Ihnen, wie das geht.
Wieviele Spalten benötigen Sie auf Ihrer Divi-Website? 2, 3, 4, 5 oder 6? Der Builder bietet von Haus aus etwa alle Spalten-Variationen, welche das Herz begehrt. Doch bei 6 ist Ende Gelände. Ausser Sie greifen zu unserem heutigen Trick. Dann können es gerne auch 7, 8 oder 9 Spalten - allenfalls sogar deren 12 sein.
Dem Menü Ihrer WordPress-Website können Sie neben den normalen Menülinks auch einen Button hinzufügen. Das ermöglicht eine etwas auffälligere Linkdarstellung, die überdies sehr einfach umzusetzen ist.
Verlinkte Bilder können im Divi-Theme mit einem Overlay angezeigt werden. Das klappt bestens etwa im Bildmodul oder auch im Blogmodul. Dabei wird dann jeweils das Bild mit einer transparenten Farbe belegt und in der Mitte ein Icon agezeigt, welches zum Klick animieren soll. Wahlweise kann dieses Icon auch mit einem Text ersetzt werden – wir zeigen Ihnen, wie das geht.
Ein besonderer Effekt auf Ihrer Website sind Sprechblasen. So können Sie Texte ganz einfach vervorheben und interessante Zusatzinformationen anzeigen. Wie Sie mit dem Divi-Theme Sprechblasen erstellen, zeigen wir Ihnen heute.
Wohin gehen die BesucherInnen, nachdem sie ein Kontaktformular auf Ihrer Website ausgefüllt haben? Wahrscheinlich ist es ein wenig umständlich. Warum leiten Sie BenutzerInnen nicht auf eine andere Seite weiter? Dies ist Ihre Chance, die Aufmerksamkeit der User auf etwas anderes zu lenken, das Sie verkaufen oder über das Sie informieren möchten. Geht ganz einfach: Mit einem Button.
Lust auf die etwas anderen Farben? Mit diesem kurzen Snippet können Sie die Farbe der Cursor-Hervorhebung auf Ihrer Divi-Website nach Belieben ändern.
Im Menü-Modul des Divi-Themes wird die Breite der einzelnen Menülinks von der Länge der Linktexte bestimmt. Das passt aber nicht immer. Hier erfahren Sie, wie Sie die Menüpunkte gleichmässig verteilen und deren Breite ausgleichen können..
Beim Erstellen Ihrer Divi-Theme-Builder-Vorlagen oder von Layouts mit benutzerdefinierten Feldern müssen Sie häufig zwei oder mehr Module mit dynamischen Inhalten nebeneinander einfügen. Etwa um das Datum, die Kategorie und den Autor in Blogbeiträgen nebeneinander einzufügen. Das Problem ist, dass die Module vertikal gestapelt sind, und der Versuch, sie in Zeilenspalten unterzubringen nicht besonders gut funktioniert. Doch gibt es eine wirklich einfache Lösung, die wir Ihnen gerne zeigen.
Es gibt gute Gründe, das Informationstext-Modul (Blurb-Modul) mit einem Button zu ergänzen. Insbesondere in Situationen, in denen das Hinzufügen eines separaten Button-Moduls aufgrund der Gestaltung des Blurbs nicht sinnvoll wäre. Da Sie aber kein Modul innerhalb eines Moduls platzieren können, arbeiten Sie ersatzweise mit einem einfachen HTML-Link und etwas CSS direkt im Textbereich des Informationstext-Moduls.
Dem Menü-Modul des Divi-Themes – und ebenso dem Standard-Divi-Menü – lassen sich Trennlinien hinzufügen, welche die einzelnen Menüpunkte optisch abschliessen. Wir zeigen Ihnen wie das mit dem Modul geht und wie es mit dem Standard-Menü funktioniert.
Der Divi-Button lässt sich leicht auf der ganzen Seiten- oder Spaltenbreite anzeigen. Das ist vor allem dann hilfreich, wenn mehrere Buttons untereinander zu liegen kommen und untschiedliche Textlängen auf der Schaltfläche anzeigen. Wie's geht, erfahren Sie in diesem Hack.
Keine Inhalte gefunden.
Werbung
