Akkordeon / Umschlag mit Icon verseshen

**Zaolat** · 14.07.2017, 10:48

Moin Moin,

ich nutze Contao Version 3.5.28. und habe einige Akkordeon Einzelelemente und Umschlagelemente integriert. Wie bekomme ich das hin, dass bei einem geöffneten Akkordeon /Umschlagelement ein Minus vor der Überschrift ist und bei jedem geschlossenen ein Plus vor der Überschrift ist.

**Samuell** · 14.07.2017, 11:08

Wenn Du fit mit CSS bist, nimmst Du einfach das Pseudoelement :before und baust da ein icon als SVG oder icon-font rein.

**Zaolat** · 14.07.2017, 11:28

So fit bin ich noch nicht in CSS.

Wenn ich die Klasse Toggler mit CSS gestalte, habe ich die Schwierigkeit, dass dann auch die Überschrift mit gestaltet wird. Doch ich möchte dass vor der Überschrift des Akkordeons ein Pluszeichen steht.

Ich habe es mal mit dem Pseudonym :before versucht, doch das klappt nicht.
Zum Beispiel h1:before - lasse ich das ':before' weg, greift das CSS für h1.

**mlweb** · 14.07.2017, 13:19

Um Dir gezielt helfen zu können, gib uns einen Link zur Seite. Am besten mit Deinem Versuch mit :before.
Alternativ kannst Du Dir das auch von folgender Seite abschauen https://www.waldenberg.de/wintergarten.html. Dort habe ich mit :before einen sich verändernden Pfeil gesetzt.