Ergebnis 1 bis 5 von 5

Thema: Farben im Akkordeon ändern

  1. #1
    Contao-Nutzer
    Registriert seit
    04.12.2023.
    Beiträge
    2

    Standard Farben im Akkordeon ändern

    Hi, Ich bin relativ neu und daher auch unerfahren in Contao und mache für einen Kunden ne Landingpage.
    Ich habe nun einige Infos in einem Akkordeon zusammengefasst und möchte die Farbe vom Toggler (dem + mit dem man das Akkordeon öffnet) und der Überschrift der einzelnen Felder ändern, da diese im Moment rot ist, ich Sie aber gerne in #005E7E hätte, da das die Farbe vom Kunde ist. Wo kann ich das denn einstellen?

  2. #2
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.751
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Im CSS.
    Ohne Link zu Seite kann man da leider nicht viel mehr sagen.
    In der Regel hat die Bereichsüberschrift die Klasse .toogler
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  3. #3
    Contao-Fan Avatar von Fehrmann
    Registriert seit
    04.07.2009.
    Ort
    Wismar
    Beiträge
    580
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hi,

    meist
    Code:
    .toggler
    und nicht
    Code:
    .toogler
    (ich vertippe mich da aber auch ständig :-))

    Viele Grüße
    René
    Software-Entwickler Backend/Frontend

  4. #4
    Contao-Nutzer
    Registriert seit
    04.12.2023.
    Beiträge
    2

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    Im CSS.
    Ohne Link zu Seite kann man da leider nicht viel mehr sagen.
    In der Regel hat die Bereichsüberschrift die Klasse .toogler
    https://eventdata-online.de/akkordeon Das wäre die Website

  5. #5
    Contao-Fan
    Registriert seit
    03.01.2012.
    Beiträge
    813

    Standard

    Um die Farbe vom + zu ändern:

    Code:
    .accordion .accordion-icon {
       color: orange;    (Farbe deiner Wahl)
    }
    Farbe der Überschriften:

    Code:
    .accordion.opened .accordion-header h4 {
       color: blue;    (Farbe deiner Wahl)
    }
    Tipp: Um zu sehen, wie der genauer Selektor lautet und welche Eigenschaften angewandt werden, kannst du das Entwicklertool deines Browsers benutzen. Meistens mit Rechtsklick -> "untersuchen", oder ähnlich

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •