Dieser Artikel ist noch in Arbeit … Mit GP & GB können globale Site- und individuelle Page-Layouts sehr flexibel definiert werden: Global im Customizer kann die Breite und Abstände des Contents eingestellt werden über Layouts > Containers Auf einzelnen Pages oder Posts können in den Post-Settings einer Seite kann das Layout > Content Container für … Read more
From 30secondsofcode Class hover-underline-animation muss den Nav-Menu-Items hinzugefügt werden
Siehe auch GP-Docs Zunächst muss im Dashboard > Appearance > Menu die individuellen CSS-Classes für Menu-Items freigeschaltet werden. Danach einem Item die Class nav-button zuweisen und diese über Customizer-CSS zum Button gestalten.
Im Customizer > General kann eingestellt werden, ob und wann ein Link unterstrichen werden sollen: Always, Never, Always on Hover, Never on Hover. Dort kann auch die Linke-Farbe eingestellt werden. Sieht noch schicker aus, wenn sich etwas bei Maus-Berührung bewegt. Oder auch, wenn ein Animated-Underline-Effekt on hover nur bei Menu-Items oder dem Text in den … Read more
Siehe GP-Forum Hierfür besser eine der folgenden Optionen wählen: Kein WP Featherlight mehr, weil es mit jQuery läuft Bisher noch keine finale gute Lösung gefunden! Kadence & Greenshift bieten Modal-Lösungen, aber sind umständlich und für einfach Bilder / PDF Vorschau zu aufgeblasen
Timeline created with Headline-Blocks & SimpleCSS Both Headline-Blocks are inside Container. CSS is added via SimpleCSS (to create the connection line). Also added JavaScript via Hook-Element (wp_header > only use on this post): Headline 1 Headline 2 In this demo, I want to show 3 container-items stacked up vertically and connected using a “timeline”. The … Read more
Mit einem Toggle bzw. Umschalter können verschiedene Inhalte an der gleichen Stelle angezeigt werden. Die Inhalte können je nach Anordnung im Block-Editor individuell platziert werden, z.b. unterhalb des Schalters oder auch links oder rechts daneben. Nachfolgend ist das Beispiel zu sehen, dann der Code und am Ende die Struktur im Editor sowie die Blöcke, auf … Read more