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».
Wenn Sie in der Überschrift eines Divi-Moduls Fullwidth-Header lange Wörter verwenden, kann es vorkommen, dass der Text mitten im Wort umbrochen wird. Dies ist äusserst hässlich – aber leider ein Standardverhalten des Moduls. Das beheben wir heute mit ein wenig CSS-Code.
Wenn auf der WordPress-Website etwas schiefläuft, zeigt das System eine Fehlermeldung an. Diese ist aber ziemlich mager gestaltet. Das lässt sich ändern; heute zeigen wir Ihnen wie.
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.
Keine Inhalte gefunden.
Werbung
