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».
Sehr grosse und hohe Bilder können im Divi-Theme ganz einfach scrollbar eingebunden werden. Das ist total simpel und kann auch mal hilfreich sein. Der Trick, der zeigt wie's geht, folgt hier.
Das Kontaktformularmodul des Divi-Themes wird mit einem CAPTCHA geliefert, das standardmässig aktiviert ist, wenn Sie ein Kontaktformularmodul zu Ihrer Seite hinzufügen. Das Divi-Captcha fügt eine einfache mathematische Frage ein – dieses Feld lässt sich mit einem benutzerdefinierten Text ergänzen.
Vor Wochenfrist haben wir einen Beitrag zum Blurb-Modul des Divi-Themes veröffentlicht, in dessen Folge zahlreiche Anfragen für besondere Stylings eingetroffen sind. Darum schieben wir heute eine Serie Stylingideen zum Informationstext-Modul nach, welche auch Ihnen helfen können.
Das Divi-Theme bietet ein Registerkarten-Modul (oder Tab-Modul) an, mit welchem sich Detailinformationen aller Art darstellen lassen. Jedoch hat das Modul in der Standardausführung bloss einen Textlink. Wenn Sie wollen, können Sie auch ein Bild darstellen.
Das Informationstext- oder Blurb-Modul des Divi-Themes bietet von Haus aus keinen Button. Macht nichts: Ein Button lässt sich einfach nachrüsten – sogar animiert, wer’s so besser mag.
Der heutige Tipp ist gleichsam ein kleines Weihnachtsgeschenk an die Besucherinnen und Besucher der Dr. Code-Praxis: Wir bauen eine Divi-Seite, auf welcher Sie mit dem Mausrad punktgenau von Sektion zu Sektion scrollen können.
Das Blog-Modul des Divi-Temes präsentiert die veröffentlichten Beiträge ganz hübsch. Wenn aber die Höhe der Teaser – wegen sehr unterschiedlichen Umfängen – stark differiert, kann das unschön aussehen. Doch die Beitragshöhen in der Blogübersicht lassen sich leicht anpassen.
Das Button-Modul des Divi-Themes bietet die Möglichkeit, neben der Tastenbeschriftung ein Icon anzuzeigen. Dabei kommt jeweils ein Symbolbild aus dem Portfolio der Divi-Icons zum Zug. Doch dieses lässt sich auch mit einem Font-Awesome-Icon ersetzen. Heute zeigen wir Ihnen, ie das geht.
Das Accordion- oder Akkordeon-Modul des Divi-Themes weist ein Icon rechts der angezeigten Titel auf. Doch wenn der Accordion-Inhalt geöffnet wird, verschwindet dieses Icon. Das lässt sich beheben. Der Trick ist ein einfacher.
Ein Blitztipp: Falls Sie auf Ihrem Blog Kommentare zulassen stören Sie sich vielleicht am grossen Einzug auf der linken Seite, mit welchem die Unterkommentare und Antworten auf andere Kommentare der BesucherInnen angezeigt werden. Das lässt sich ganz einfach beheben.
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. Heute zeigen wir Ihnen, wie die Bilder ausgeglichen werden können.
Heute wagen wir uns an einen der cooleren Tricks aus der Praxis von Dr. Code: Wir bauen einen Schalter, mit dem sich zwischen zwei Modulen (oder Zeilen) hin und her schalten lässt. Egal ob ein Bild-, Formular- oder Textmodul (oder ganz was anderes) und jede beliebige Mischung daraus.
Werbung
