Elementor Formular: Sende-Button erst anzeigen, wenn Pflichtfelder ausgefüllt sind
Elementor Formular: Sende-Button erst anzeigen, wenn Pflichtfelder ausgefüllt sind Mit diesem Snippet kannst du Elementor-Formulare so erweitern, dass der Sende-Button erst dann sichtbar und klickbar wird, wenn alle Pflichtfelder vollständig ausgefüllt wurden. Das verbessert die Nutzerführung deutlich: Der Fokus liegt zuerst auf den Eingaben und nicht auf dem Absenden. Gleichzeitig verhinderst du unvollständige Formularübermittlungen bereits […]
Elementor Popup: Fokus-Rahmen bei Icons entfernen (Social Media, Links, Buttons)
Elementor Popup: Fokus-Rahmen bei Icons entfernen (Social Media, Links, Buttons) Beim Einsatz von Popups in Elementor tritt häufig ein unschöner Effekt auf:Sobald ein Link oder ein Icon (z. B. Social Media Icons) den Fokus erhält, wird dieser visuell hervorgehoben – meist durch einen schwarzen Rahmen oder Hintergrund. Das kommt nicht von Elementor selbst, sondern vom […]
JetEngine Listing Grid vertikal sortieren (Alphabetische Reihenfolge in Spalten)
JetEngine Listing Grid vertikal sortieren (Alphabetische Reihenfolge in Spalten) Wenn Beiträge oder Einträge in einem JetEngine Listing Grid alphabetisch sortiert werden, erfolgt die Darstellung standardmäßig von links nach rechts. Bei längeren Listen wirkt das schnell unübersichtlich, da die Reihenfolge zeilenweise aufgebaut wird. Mit einem kleinen CSS-Snippet lässt sich das Layout so verändern, dass die Liste […]
Glassmorphism-Container mit Blur & Tiefenwirkung
Glassmorphism-Container mit Blur & Tiefenwirkung Dieses CSS-Snippet erzeugt einen modernen Glassmorphism-Effekt für Container-Elemente. Durch transparente Flächen, Weichzeichner (Blur) und gezielte Licht- sowie Schatteneffekte entsteht eine glasähnliche Oberfläche mit räumlicher Tiefe – ideal für Overlays, Karten, Modals oder Hero-Boxen. Erklärung des Codes: .glass-container{ background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.25); border-radius: 16px; box-shadow: […]