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».
Sobald sich ein User (mit etwas höheren Rechten) ins WordPress-Backend einloggt, erscheint bei einem Blick auf die Live-Website immer ein schwarzer Balken am oberen Bildrand. Der ist eigentlich ganz praktisch und enthält einige Tools. Optisch stört er aber häufig. Mit unserem heutigen Trick zeigen wir Ihnen, wie sich der schwarze Balken ganz einfach aus- und wieder einblenden lässt.
Heute gestalten wir eine kleine Bildergalerie. Doch diese zeigt die einzelnen Bilder nicht im üblichen Zuschnitt an, sondern macht jedes Element zu einem Hexagon. Sieht ganz hübsch aus und ist gar nicht schwierig.
Wenn Sie auf Ihrer Divi-Website ein Such-Modul einfügen, wird normalerweise auf dem Suchbutton ein Text erscheinen. Wahlweise können Sie diesen Text aber ganz einfach mit einer Lupe ersetzen. Wir zeigen Ihnen wie das geht.
Das Such-Modul des Divi-Themes hat standardmässig Ecken und Kanten. Je nach Webdesign möchten Sie es vielleicht ein wenig runder. Geht ganz einfach. Wir zeigen wie.
Die Divi-Suche hat eine fixe Höhe, die Sie aber mit CSS leicht anpassen können. Je nach Webdesign kann dies empfehlenswert sein. Heute legen wir einen Innenabstand im Such-Modul des Divi-Themes fest.
Das Divi-Suchmodul zeigt üblicherweise ein Eingabefeld links und den Suchbutton rechts. Die beiden Elemente können Sie aber vertauschen – wie das geht, zeigen wir Ihnen heute.
Das Divi-Suchmodul zeigt üblicherweise ein Eingabefeld links und den Suchbutton rechts. Die beiden Elemente können Sie aber vertauschen – wie das geht, zeigen wir Ihnen heute.
Das Erstellen eines Eselsohr-Effekts auf Ihren Elementen der Divi-Website kann eine ansprechende visuelle Note hinzufügen und den Eindruck erwecken, dass eine Ecke der Seite umgeknickt ist. Geht mit Divi und ein wenig CSS ganz einfach.
Ein schwebender Call-to-Action-Button (CTA) ist ein effektives Mittel, um wichtige Aktionen hervorzuheben und User gezielt zu lenken. Ob für Kontaktanfragen, Newsletter-Anmeldungen oder Produktseiten – ein immer sichtbarer Button steigert die Klickrate und sorgt für Aufmerksamkeit.
Wenn Sie auf Ihrer Divi-Website Testimonials anzeigen, entdecken Sie den Mangel an Layout-Optionen im Divi-Testimonial-Modul. In diesem Tutorial zeigen wir Ihnen, wie Sie das Profilbild des Divi Testimonial-Moduls von der linken Seite nach oben verschieben können.
Beim Designen mit dem Divi-Theme bedeutet ein einheitliches und ansprechendes Erscheinungsbild oft, dass man sich mit unterschiedlichen Höhen von Inhalten in Modulen wie dem Testimonial-Modul auseinandersetzen muss. Ungleichmässige Höhen können den visuellen Fluss Ihrer Website stören. Hier erfahren Sie, wie Sie die Höhen Ihrer Testimonial-Module angleichen können.
Das Divi-Theme hat ein übersichtlicher Registermodul an Bord, mit dem sich Inhalte schön strukturieren lassen. Allerdings bietet das Modul von Haus aus nur eine horizontale Navigation – bzw. Tab-Auswahl. Eine horizontale Anordnung fehlt. Das lässt sich natürlich leicht anpassen.
Keine Inhalte gefunden.
Werbung
