Tipps zum DIVI Akkordeon Module

Icon auf die linke Seite

Zugeklappte Punkte weisen durch ein Plus-Icon darauf hin, das sie aufgeklappt werden können. Dieses Icon ist jedoch am rechten Rand, was zwar optisch schön ist, aber viele Nutzer dadurch nicht wahrnehmen, das nach einem Klick auf die Überschrift weiterer Text erscheint.

Folgender CSS-Code, entweder in der Seite oder im DIVI-Theme eingegeben, lässt das Icon links erscheinen. Das Icon wird dazu erst vor den Text der Überschrift geschoben und dann alles zusammen nach rechts. Nicht schön, aber funktioniert.

.et_pb_accordion_0 .et_pb_toggle_title:before {
  left: -50px;
  }
.et_pb_toggle_title {
  left: 40px;
  }

Schreibe einen Kommentar