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 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.
Out oft the box schaut das Suchfeld des Divi-Themes etwas ärmlich aus. Mit unserem CSS-Bausatz können Sie das Suche-Modul aber ganz einfach dem Styling Ihrer Website anpassen.
Externe Links in einem Blogbeitrag oder auf einer Website zu kennzeichnen, ist nicht nur eine Frage des Designs, sondern auch der Benutzerfreundlichkeit. Es hilft den Besuchern, schnell zu erkennen, dass sie die Website verlassen, wenn sie auf einen bestimmten Link klicken. Eine elegante Lösung dafür ist das Hinzufügen eines Icons zu externen Links.
Für Webprojekte verwenden Sie immer auch Farben – selbst dann, wenn es «nur» schwarz und weiss ist. Um meinem Farbkonzept treu zu bleiben und dennoch Nuancen zur Hand zu haben, habe ich mich auf die Suche nach Lösungen gemacht. Zwei patente Varianten stelle ich Ihnen heute vor.
Keine Inhalte gefunden.
Werbung
