Lesefortschritt:

Schliessen-Icon im geöffneten Divi-Accordion anzeigen

8. Dezember 2024 | CSS-Stylesheet, Divi-Theme

Trick # 410 | Dieser Beitrag beinhaltet 812 Wörter. – Geschätzte Lesezeit: ca. 5 Minuten.

Das Accordion- oder Akkordeon-Modul des Divi-Themes weist ein Icon rechts der angezeigten Titel auf. Doch wenn der Accordion-Inhalt geöffnet wird, verschwindet dieses Icon. Das lässt sich beheben. Der Trick ist ein einfacher.

So wie nebenan präsentiert sich das Akkordeon-Modul von Divi:

 

Klickt man auf einen der Inhalte, verschwindet das Icon rechts des Akkordeon-Titels.

Lorem ipsum dolor

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.

At vero eos et accusam

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.

Das ist ganz einfach zubeheben mit dem folgenden CSS-Code. Diesen kopieren Sie in das CSS-Stylesheet Ihrer Website – unter Design/Customizer/Zusätzliches CSS:

.et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block;
	content: "\e04f";
}

Schon erscheint ein Schliessen-Icon, sobald ein Akkordeon geöffnet wird. Wie nebenan:

 

Das Icon lässt sich übrigens ändern. In obigem CSS-Code ist es in Zeile 3 vermerkt. Sie können sich ein anderes Icon unter diesem Link aussuchen.

Lorem ipsum dolor

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.

At vero eos et accusam

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.

Werbung

Mobilmenü im Divi-Footer deaktivieren

Standardmässig macht das Divi-Theme aus jedem Menü auch eine mobile Variante für Tablets und Mobiltelefone. Das ist meist patent - oft braucht man auf diesen Geräten aber kein Footer-Menu. Wenn Ihnen das Standardmenu im Header auf Mobilgeräten ...
Keine Inhalte gefunden.

Werbung

 

Pin It on Pinterest

Share This
Überblick über den Datenschutz

Diese Website verwendet Cookies, damit wir Ihnen die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in Ihrem Browser gespeichert und dienen dazu, Sie wiederzuerkennen, wenn Sie auf unsere Website zurückkehren, und unserem Team zu helfen, zu verstehen, welche Bereiche der Website Sie am interessantesten und nützlichsten finden.