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».
Links in Lauftexten sind beliebt, um weiterführende Infos bereitzustellen. Mit ein wenig CSS lassen sich solche Verknüpfungen auch ganz einfach hervorheben und sogar animieren, wenn der Mauszeiger über den Link bewegt wird.
Das Standard-Menü des Divi-Themes lässt sich (nebst dem horizontalen Layout) auch vertikal anlegen. Ab und an bedarf aber die Standardbreite dieses vertikalen Menüs einer Korrektur. Mit ein wenig CSS-Code gelingt das ganz einfach.
Der «Senden»-Button im Divi-Kontaktformular-Modul wird von Haus aus rechtsbündig dargestellt. Es gibt keine Möglichkeit, den Button zentriert oder links auszugeben. Oder doch? Mit ein wenig CSS steuern Sie die Darstellung ganz einfach.
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.
Werbung
