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».
Texte auf Websites lassen sich markieren. Der Inhalt der Markierung kann dann z.B. kopiert und woanders eingefügt werden. Den Hintergrund und die Textfarbe der Markierung können Sie steuern. Hier ein einfacher Trick, wie das geht.
Das Galerie-Modul des Divi-Themes zeigt in der Gitter- (oder Grid-)Ansicht eine fixe Anzahl Bilder nebeneinander an, die sich in den Einstellungen nicht beeinflussen lässt. Die Zahl der Spalten lässt sich dennoch beliebig ändern – mehr dazu im heutigen Trick.
Vielleicht kennen Sie es und Sie hatten schon einmal Probleme im Layout Ihrer Divi-Website erlebt, bei denen sich Elemente nach Belieben verhalten? Abstände und Zwischenräume, die so gar nicht korrekt waren. Eine Einzelbehandlung der Abstände artet in Arbeit aus. Mit ein wenig CSS-Code werden Sie alle Abstände los und können Stück für Stück definieren, wie nah oder fern die Elemente aneinander platziert werden.
Der Divi-Builder ist praktisch; ab und an möchte man aber womöglich darauf verzichten: Für Bleiwüsten auf Pflichtseiten - wie etwa das Impressum oder die Datenschutzerklärung - möchte man möglicherweise nicht mit dem Divi-Builder arbeiten. Doch dann wird der Abstand nach dem letzten Parapraphen zum Divi-Footer verkleinert. Dem können Sie entgegenwirken.
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.
Keine Inhalte gefunden.
Werbung
