Akkordeon "stylen"

Question

Hallo! Gibt es eine Möglichkeit die Darstellung des Akkordeon Textes nach belieben anzupassen (Schriftgröße der Überschrift, Schattierung, kleines + Symbol, wenn was aufgeklappt werden kann, - Symbol wenn es offen ist, etc.)

Gibt's da was?

Answer 1

Ja, und zwar mittels CSS.

Wenn Sie in Ihrem Browser die Entwickler-Tools öffnen und dort den Inspektor, können Sie sich die CSS-Klassen der unterschiedlichen Elemente ansehen. Dort sehen Sie auch die CSS-Definitionen, die standardmäßig für die Elemente hinterlegt sind.

Sie können diese Definitionen problemlos überschreiben, indem Sie abweichende Definitionen im Layout im <style>-Bereich ergänzen.

Comments

herzlichen Dank. Ich hab mich als Laie etwas eingelesen und bin auf interessante Dinge gestoßen :D

Ich hab jetzt z.b. folgendes geändert:

div.s2accordion > .title {
    position: relative;
    z-index: 2;
    margin: 0;
    margin-bottom: -1.6px;
    padding: 0.75em 0.5em;
    font-family: calibri;
    font-size: 2vw;
    font-weight: lighter;
    border: none;
    /* border-width: 1.6px; */
    /* border-style: solid; */
    /* border-radius: 5px; */
    /* border-color: #A7A700; */
    /* background-color: #F2f2b4; */
}

An welcher Stelle muss ich diesen Code einfügen? Ich schätze bei "HTML Vorlage des Layouts" - aber wo im HTML Code?
Und muss ich diese accordion-titel-Anpassung noch in weitere Code-Schnipsel einbetten, oder wird das so erkannt?


DANKE!

---

>  Ich schätze bei "HTML Vorlage des Layouts" - aber wo im HTML Code?

Suchen Sie dort bitte den <style>-Bereich - dort gehört es hinein. Anschließend ist es für alle Seiten im Fragebogen wirksam, welche das Layout verwenden.