Verwendung: Farben ändern bei Fearure Box h1 -Super-size

Peter's Avatar

Peter

27 Aug, 2021 07:05 AM

Produkt: Tao Contao

Sehr geehrte Damen und Herrn,
ich möchte in der Feature Box die Farben der H1 supersize Schriften ändern, da bei manchen Hintergrundbildern der Text in Schwarz oder Weiß nich besonders gut lesbar ist und die H1 Schrift z.B. in Blau besser wäre. Wie und wo kann ich das ändern.

Danke im voraus
Peter Reiff

  1. Support Staff 1 Posted by RockSolid Theme... on 27 Aug, 2021 08:09 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Fügen Sie dafür bitte folgenden CSS-Code in die Datei files/tao/css/custom.css ein:

    .feature-box-text h1,
    .feature-box-text h2,
    .feature-box-text h3 {
        color: #ff0000;
    }
    .-color-inverted .feature-box-text h1,
    .-color-inverted .feature-box-text h2,
    .-color-inverted .feature-box-text h3 {
        color: #00ff00;
    }
    

    Und ersetzen dabei #ff0000 mit dem gewünschten Farb-Code für helle Hintergrunde und #00ff00 mit der Farbe für dunkle Hintergründe.

  2. 2 Posted by PeterReiff on 27 Aug, 2021 08:20 AM

    PeterReiff's Avatar

    Sehr geehrte Damen und Herrn,

    Danke für die schnelle Antwort.

    wie wird das Css angepasst wenn mann nicht nur 2 Farben sondern mehrere unterschiedliche Farben für die
    Fearure Box h1 -Super-size verwenden möchte
     
    Mit freundlichen Grüßen
    i.A. Peter Reiff

  3. Support Staff 3 Posted by RockSolid Theme... on 27 Aug, 2021 02:14 PM

    RockSolid Themes's Avatar

    Sie können dafür eine eigene CSS-Klasse nutzen, z. B. feature-box-color-1 die Sie in den Einstellungen des Inhaltselements eintragen.

    Danach lässt sich mit folgendem CSS-Code eine Farbe für diese CSS-Klasse festlegen:

    .feature-box-color-1 .feature-box-text h1,
    .feature-box-color-1 .feature-box-text h2,
    .feature-box-color-1 .feature-box-text h3 {
        color: #00ff00;
    }
    

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac