Test Content Elemente
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Inhaltsverzeichnis
Dropdown-Button z.B. für Kontakt-CTA (Formular, Anruf, etc)
NW Vertical Tabs
Modifizierte Tabs mit Untertitel
Das Team der Lorem Ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
Häufige Fragen
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.
A frequently asked question surrounding your service
A detailed answer to provide information about your business, build trust with potential clients, and help convince the visitor that you are a good fit for them.
A frequently asked question surrounding your service
A detailed answer to provide information about your business, build trust with potential clients, and help convince the visitor that you are a good fit for them.
A frequently asked question surrounding your service
A detailed answer to provide information about your business, build trust with potential clients, and help convince the visitor that you are a good fit for them.
A frequently asked question surrounding your service
A detailed answer to provide information about your business, build trust with potential clients, and help convince the visitor that you are a good fit for them.
A frequently asked question surrounding your service
A detailed answer to provide information about your business, build trust with potential clients, and help convince the visitor that you are a good fit for them.
A frequently asked question surrounding your service
A detailed answer to provide information about your business, build trust with potential clients, and help convince the visitor that you are a good fit for them.
A frequently asked question surrounding your service
A detailed answer to provide information about your business, build trust with potential clients, and help convince the visitor that you are a good fit for them.
A frequently asked question surrounding your service
A detailed answer to provide information about your business, build trust with potential clients, and help convince the visitor that you are a good fit for them.
Häufige Fragen (sticky Sidebar)
Hier findst du Antworten auf die wichtigsten Fragen.
Ist noch etwas unklar? Dann melde dich gerne bei uns.
- oben mit Umschalter/Toggle
- unten alternativ mit Akkordeon umgesetzt
- Toggle ist einfacher zu pflegen, kann im Content aber nur Text
- Akkordeon ist flexibler im Content-Bereich, dort müssen/können verschiedene einzelne Widgets eingesetzt werden (Text, Überschrift, Buttons, Bilder, Spalten), d.h. im Contenbereich kann „layoutet“ werden
- Fazit:
Für einfache FAQ ist evtl. Toggle/Umschalter besser geeignet und vom neuewelt-Team einfacher zu pflegen
FAQ mit Toggle/Umschalter
Eine häufig gestellte Frage zu unserem Service
Eine ausführliche Antwort, um Informationen über neuewelt zu liefern, Vertrauen bei potenziellen Klienten oder Fachstellen aufzubauen und die Besucher davon zu überzeugen, dass wir gut zu ihnen passen.
Eine häufig gestellte Frage zu unserem Service
Eine ausführliche Antwort, um Informationen über neuewelt zu liefern, Vertrauen bei potenziellen Klienten oder Fachstellen aufzubauen und die Besucher davon zu überzeugen, dass wir gut zu ihnen passen.
Eine häufig gestellte Frage zu unserem Service
Eine ausführliche Antwort, um Informationen über neuewelt zu liefern, Vertrauen bei potenziellen Klienten oder Fachstellen aufzubauen und die Besucher davon zu überzeugen, dass wir gut zu ihnen passen.
Eine häufig gestellte Frage zu unserem Service
Eine ausführliche Antwort, um Informationen über neuewelt zu liefern, Vertrauen bei potenziellen Klienten oder Fachstellen aufzubauen und die Besucher davon zu überzeugen, dass wir gut zu ihnen passen.
Eine häufig gestellte Frage zu unserem Service
Eine ausführliche Antwort, um Informationen über neuewelt zu liefern, Vertrauen bei potenziellen Klienten oder Fachstellen aufzubauen und die Besucher davon zu überzeugen, dass wir gut zu ihnen passen.
Eine häufig gestellte Frage zu unserem Service
Eine ausführliche Antwort, um Informationen über neuewelt zu liefern, Vertrauen bei potenziellen Klienten oder Fachstellen aufzubauen und die Besucher davon zu überzeugen, dass wir gut zu ihnen passen.
Eine häufig gestellte Frage zu unserem Service
Eine ausführliche Antwort, um Informationen über neuewelt zu liefern, Vertrauen bei potenziellen Klienten oder Fachstellen aufzubauen und die Besucher davon zu überzeugen, dass wir gut zu ihnen passen.
FAQ mit Akkoedeon
Eine häufig gestellte Frage zu unserem Service
Eine ausführliche Antwort, um Informationen über neuewelt zu liefern, Vertrauen bei potenziellen Klienten oder Fachstellen aufzubauen und die Besucher davon zu überzeugen, dass wir gut zu ihnen passen.
Eine häufig gestellte Frage zu unserem Service
Eine ausführliche Antwort, um Informationen über neuewelt zu liefern, Vertrauen bei potenziellen Klienten oder Fachstellen aufzubauen und die Besucher davon zu überzeugen, dass wir gut zu ihnen passen.
Eine häufig gestellte Frage zu unserem Service
Eine ausführliche Antwort, um Informationen über neuewelt zu liefern, Vertrauen bei potenziellen Klienten oder Fachstellen aufzubauen und die Besucher davon zu überzeugen, dass wir gut zu ihnen passen.
Eine häufig gestellte Frage zu unserem Service
Eine ausführliche Antwort, um Informationen über neuewelt zu liefern, Vertrauen bei potenziellen Klienten oder Fachstellen aufzubauen und die Besucher davon zu überzeugen, dass wir gut zu ihnen passen.
Eine häufig gestellte Frage zu unserem Service
Eine ausführliche Antwort, um Informationen über neuewelt zu liefern, Vertrauen bei potenziellen Klienten oder Fachstellen aufzubauen und die Besucher davon zu überzeugen, dass wir gut zu ihnen passen.
Eine häufig gestellte Frage zu unserem Service
Eine ausführliche Antwort, um Informationen über neuewelt zu liefern, Vertrauen bei potenziellen Klienten oder Fachstellen aufzubauen und die Besucher davon zu überzeugen, dass wir gut zu ihnen passen.
Custom Menü mit Linien
Wichtig: dem Menü die CSS-Klasse.nw-custom-menu-vertical vergeben.
Linien und Abstände sind per von Custom CSS im Child Theme geregelt.
Ansonsten Stile übernehmen/kopieren wie hier angewendet. Icon je Item nach Bedarf vergeben (hier „chevron right“).
Menü kann z.B. verwendet werden unter Teasern auf Übersichtsseiten oder auf Dokumente-Seite für Querverlinkung.
Teaser mit Menü
Wahlweise mit :
– Custom Menü mit Linien
– oder Standard-Buttons
– Slider oder Bild in 16:9-Format
unerwünschte Elemente nach einfügen löschen
Wichtig: dem Menü die CSS-Klasse.nw-custom-menu-vertical vergeben.
Linien und Abstände sind per von Custom CSS im Child Theme geregelt.
Ansonsten Stile übernehmen/kopieren wie hier angewendet. Icon je Item nach Bedarf vergeben (hier „chevron right“).
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Wichtig: dem Menü die CSS-Klasse.nw-custom-menu-vertical vergeben.
Linien und Abstände sind per von Custom CSS im Child Theme geregelt.
Ansonsten Stile übernehmen/kopieren wie hier angewendet. Icon je Item nach Bedarf vergeben (hier „chevron right“).
Wahlweise mit Custom Menü mit Linien oder Standard-Buttons. Wahlweise mit Slider oder Bild in 16:9-Format. Unerwünschte Elemente nach einfügen löschen
Download-Links
WICHTIG
- In den meisten Fällen werden die textboxen für die Links als globale Widgets gespeichert,
damit sie auf den Bereichsseiten und der zentralen Download-Seite nicht doppelt gepflegt werden müssen - Wenn 2 Download-Blöcke untereinander gesetzt werden und KEIN Abstand dazwischen sein soll:
- Umgebenden Container verwenden und dort Lücken (Gap) auf 0 setzen.
- für die Textbox den Absatzabstand auf 0 setzen
- auf der zentralen Download-Seite anderen Layout mit Linien: wird erreicht durch Custom CSS im Child Theme
Beispiel: 2 Downlad-Blöcke untereinander
Allgemein + Begleitete Arbeit
Dokumente (alle als globale Widgets)
Layout mit Grid
- Grid ist für solche Anwendungen wie hier besser geeignet als Flexbox:
- wenn bei definierten Breakpoints die Spaltenzahl geändert werden soll
- und alle Spalten gleich breit sein sollen.
- Flexbox hat da manchmal so seine Schwierigkeiten, bzw. die Einrichtung ist z.T. knifflig, wenn wie hier in Elementor alles völlig frei zu konfigurieren ist
wg neuewelt
villa neuewelt
Ambulante Wohnbegleitung
Betreute Tagesgestaltung
Begleitete Arbeit
Jahresbericht
Galerie: Elementor Image Carousel
Kann keine Bilder mit unterschiedlichen Proportionen (hoch/quer gemischt), zumindest nicht gut. Wenn man Bildauslösung auf „individuell“ mit fixen Größen definiert, bekommt man aber auch hier einen schönen Slider.
In der Lightbox werden dann die Bild in ihrern Original-Proportionen angezeigt.
Galerie: Justified Image Carousel
Dieser Slider kann schön unterschiedlidlich große Bilder darstellen (hoch/quer gemischt) – immer mit der gleichen Höhe.
Lightbox: Unter „General“ kann man „Use only Elementor Lightbox“ aktivieren, damit nicht die (hässliche) Lightbox vom Plugin verwendet wird.
Wichtig – Source:
Damit nicht jedes Bild einzeln und zu Fuß als eigenes Item angelegt werden muss, unter „Source“ die Option „Gallery“ wählen. Dann kann man weiter unten unter „Select Items Images“ ganz einfach und fix die Bilder zusammenklicken.
Source Optionen/Konfiguration:
Image Source: Image Thumb – Large
Link Source: Image Full URL (für Lightbox)
Überlappende Bilder
Icon Badge rund TEXT - absolut positioniert
- ist absolut positioniert
- ggf. z-index anpassen
- ggf. Position/Größe je Breakpoint anpassen
- benötigt ggf einen zusätzlichen umgebenden Container
Di. bis Fr.
9 bis 15 Uhr
Mittagessen:
11.30–13.30
Scroll-Steps
WICHTIG:
Beachte CSS-Klassen für Spalten und Container:
.nw-scroll-steps
.nw-scroll-step-col
Das nötige CSS für den Sticky-Effekt wird mit dem Child Theme automatisch eingebunden.
Wenn der finale Inhalt für die Boxen/Spalten steht, kann/sollte über eine passende/gleiche Mindesthöhe für die einzelnen Spalten gesetzt werden.
Beachte:
Im Bearbeitungsmodus. funktoniert der Effekt nicht korrekt. Immer in der Besucher-Ansicht (ohne Elementor-Editor) in einem zweiten Browserfenster kontrollieren.
Kontaktaufnahme
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Kennenlernen
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Einschätzung
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Aufnahme
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Kontaktaufnahme
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Kennenlernen
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Einschätzung
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Aufnahme
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Alerts / Warnmeldungen
Die 4 Typen sind vorgegeben. Die zugeordneten Farben folgen einem Standard und können nicht global gesetzt werden. Natürlich können aber immer je Box die Farben manuell angepasst werden.
Partner und Unterstützer
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem Ipsum in Zahlen
Counter - Zahlen und Fakten
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Vereinbare ein Beratungsgespräch
100% ohne Verpflichungen.
Wir sind hier, um dir zu helfen und freuen uns auf deine Nachricht.
Kontaktdaten mit Icon-Box erstellt (einfachere Hierarchie/Layout)
Schreib uns deine Gedanken
bt@neuewelt.ch
Telefon
Wir hören dir zu
+41 61 123 45 67
Adresse
Geschäftsstelle neuewelt
Hofackerstrasse 79
4132 Muttenz, Schweiz
Karte anzeigen
Kontaktformular
Vereinbare ein Beratungsgespräch
100% ohne Verpflichungen.
Wir sind hier, um dir zu helfen und freuen uns auf deine Nachricht.
Kontaktdaten zu Fuss mit Icon + Textblock erstellt (komplexer, aber mehr möglich, wahrscheinlich unnötig)
Kontaktformular
Google Map (volle Breite s/w)
(Brauchen wir überhaupt Maps? Falls ja, ganz schick in Graustufen. Ich finde aber auch elegant wie das JSW das macht: einfach immer nur rauslinken. Simpel und bzgl Datenschutz prima. Vielleicht funktioniert das aber für uns nicht)
Unlimited Google Maps (mehrere Standorte, mehr Styling-Optionen)
(Brauchen wir überhaupt Maps? Hier eine Variante mit mehreren Markern)
4142 Münchenstein
4142 Münchenstein