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 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.
Einige Divi-Module – etwa das Blog- oder Portfoliomodul – kennen den «Overlay»-Effekt: Beim Hovern über das dargestellte Beitragsbild wird dieses zum Beispiel von einer halb-transparenten Fläche bedeckt. Dieses Overlay lässt sich hübsch animieren. Wie's geht, zeigen wir in diesem Hack.
Das Divi-Theme verfügt über das Posttitel-Modul. Damit lassen sich einige zusätzliche Inhalte praktisch anzeigen: Natürlich den Titel, etwa eine Autorenzeile, das Datum, die Kategorien des fraglichen Beitrags – nicht aber die Schlagwörter. Macht nichts. Sie können letztere auf anderem Weg ganz einfach anzeigen lassen.
Die Kopf- oder Fusszeile (Header oder Footer) des Divi-Themes können bei Bedarf auf einzelnen spezifischen Seiten ausgeblendet werden. Das geht ganz einfach – wir erzählen Ihnen wie.
Der Divi-Button hilft, Download-Verknüpfungen oder andere Links hübsch zu gestalten. Doch er lässt sich auch leicht zum Stempel umfunktionieren. Ein gestalterisches Element, das vielleicht ab und an hilfreich ist.
Keine Inhalte gefunden.
Werbung
