Elementor Update: Akkordeon jetzt geschlossen + Flexiblere Container-Optionen!

Подписаться 1,6 тыс.

50% 1

Elementor Ansehen:
stefan-wirth.d...
Entdecke die neuesten Änderungen im Elementor Akkordeon & Tabs Widgets. Perfekt für FAQ-Bereiche! 🔥 Jetzt mit mehr Flexibilität!
▬ Zugehöriger Blogbeitrag ▬▬▬▬▬▬▬
stefan-wirth.d...
▬ Website Tools ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
stefan-wirth.d...
▬ Folge mir auf RU-vid ▬▬▬▬▬▬▬▬▬
Ich freue mich, dass du auf meinem Kanal gelandet bist! 😊
Wenn dir meine Inhalte gefallen und du in Zukunft mehr Zeit mit mir verbringen möchtest, dann kannst du hier einfach abonnieren:
/ @stefanwirth
▬ Besuche meine Website ▬▬▬▬▬▬▬▬
stefan-wirth.de
▬ Hier findest du mein instagram ▬▬▬
/ stefan_w1rth
**Bei den Links handelt es sich um bezahlte Affiliate-Links. Das heißt über die Links generierten Umsatz wird je nach messbaren Erfolg Provision gezahlt. Dir entstehen dadurch keine Zusatzkosten. Die Links sind lediglich ein Vorschlag, dass du dir das Produkt anschauen kannst :)

Опубликовано:

8 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 15

@mcmasanzug3587 11 месяцев назад

kann meine Frage selbst beantworten: es funktioniert seit Aktua. 3.15, man muss neben dem Container auch das "Nested - Elements" aktivieren.

@stefanwirth 10 месяцев назад

Vielen Dank :)

@AndreasWelker 11 месяцев назад

Hi Stefan, danke für dein Video. Mein Elementor Pro ist auf Version 3.17.1 und Flexbox Container sind auch aktiv. Dennoch beinhaltet mein Akkordeon keinen weiteren Container sondern nur die Textbox. Außerdem ist die erste Position bei mir noch immer stets geöffnet. Wo liegt mein Fehler? Danke Dir

@stefanwirth 10 месяцев назад

Ich denke, du müsstest die "Nested Elements" bei Elementor, Eigenschaften, Einstellungen noch aktivieren. Dann solltest du die im Video gezeigten Einstellmöglichkeiten auch haben 🙂 Viel Erfolg und allzeit viel Freude wünsche ich dir + herzlichen Dank für deinen Kommentar 🤗

@charlotte36658 5 месяцев назад

Salut Stefan Vielen Dank für die Tipps mit der Aktualisierung und Einschalten des "Nested Elements" :) Wirklich toll! Etwas vermisse ich aktuell: Innerhalb des Akkordeons konnte ich den Box Schatten bearbeiten für die Zwischenzeilen. Gibt es hierzu noch einen Trick? Herzlichen Dank für deinen Kommentar 😊

@stefanwirth 4 месяца назад

Hallo, vielen Dank für deinen Kommentar :) Ich habe mich sehr gefreut. Zu deiner Frage: den Schatten für die einzelnen Zeilen habe ich tatsächlich auch nicht gefunden. Wenn ich dich richtig verstanden habe, dann probiere einfach mal Nachfolgendes aus: Akkordeon, Erweitert, Eigene CSS: selector > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title { box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15); } ... mit den px Werten kannst du den Verlauf des Schattens einstellen und bei den letzteren 4 Zahlen (RGBA-Farben) kannst du die Farbe vom Schatten definieren. Viel Erfolg und allzeit viel Freude bei deinen Projekten :)

@charlotte36658 4 месяца назад

Vielen Dank Stefan - das hat bestens geklappt 😃

@inselwatt6575 8 месяцев назад

Hallo Stefan, ich möchte meine FAQ Seite überarbeiten. Da es relativ viele Umschalter werden, ca. 50 Stück würde ich die FAQ Abteilung gerne in 3 oder 4 Kategorien unterteilen. Geht das auch ohne Container, z.B mit Taps, in denen dann die Umschalter eingefügt werden? Viele Grüße Matthias

@stefanwirth 8 месяцев назад

Hallo Matthias, sehr interessante Frage! Ich habe es eben getestet und funktioniert wunderbar. Werde ich mir sogar merken und selbst einmal anwenden, echt smart :) Also ich habe einfach ein Tabs Widget genommen und da in die jeweiligen Tabs (sozusagen die 3 oder 4 Oberkategorien) jeweils ein Akkordeon Widget (für die FAQs der jeweiligen Kategorie) reingezogen. Wird hier im Kommentarbereich vielleicht auch andere inspirieren, die sehr breite Themen erörtern möchten durch entsprechende Bereiche. Danke für die Frage/ Inspiration und viel Erfolg uns Spaß beim Umsetzen :)

@rolandgienger6884 9 месяцев назад

Super Video, Danke! Ein Detail kann ich aber nicht lösen... (gibt's nen Trick ?). Und zwar: Wenn der Text in der Kopfzeile so lang ist, dass er umbricht, DANN erscheint das Icon vertikal zentriert... also in der Mitte zwischen den Zeilen (was Scheiße aussieht...). Ich hätte gern das "Plus" vor der OBERSTEN Zeile, egal, wie hoch die Kopfzeile wird. Bei der "Icon-List" gibt es den Schalter "ausrichten am oberen Rand", was auch funktioniert, beim Akkordeon hab ich ihn noch nicht gefunden... Gibt es einen Trick dafür? Z.B. über CSS? Danke schon mal

@stefanwirth 7 месяцев назад

Hallo Roland, erstmal noch vielen Dank für deinen Kommentar und dein Lob, hat mich sehr gefreut :) Hier das vertikale zentrieren des Icons gibt es tatsächlich in Elementor keine Möglichkeit zur Einstellung. Doch, wie du schon richtig vermutet hast, können wir das natürlich mit ein klein wenig CSS Code umgehen. Nachfolgendes habe ich eben getestet und funktioniert wunderbar. Akkordeon bearbeiten, Erweitert, Eigene CSS: selector .e-n-accordion-item-title-icon { position: absolute; top: 10px; left: 10px; } selector .e-n-accordion-item-title { padding-top: 5px; padding-left: 40px; /* Abstand vom Icon zum Text */ } Weiterhin viel Erfolg und vor Allem Spaß bei deinen Projekten :) Viele Grüße, Stefan :)

@ronny1096 Год назад

Frage: ist dieses Widget nur in der Pro-Version mit Container verfügbar?

@stefanwirth 11 месяцев назад

Hallo, puh... da ich Elementor Pro installiert habe und schon lang standardmäßig Container aktiviert habe, kann ich das gar nicht zu 100% beantworten. Bei elementor selbst ist das "Accordion" Widget bei den Basic Widgets (also ohne Pro) aufgeführt. Ich kann mir gut vorstellen, dass es auch ohne im Frontend ersichtliche Container funktioniert, was allerdings auf einen Test drauf ankommen würde :) Viel Erfolg :)

@mcmasanzug3587 11 месяцев назад

seit welchem Aktual. ist das möglich 3.17.1? -

@stefanwirth 10 месяцев назад

... und da hab ich schon gesehen, dass du dir die Frage selbst beantwortet hast. Also: danke für´s Teilen und weiterhin viel Erfolg :)