Verwendung: Anpassung H1 bei bestimmten Inhaltselementen

Matthias's Avatar

Matthias

14 Feb, 2019 05:29 PM

Produkt: Swissy Contao
Contao-Version: 3.5.36
Browser und Browserversionen: alle

Wenn ich bei Inhaltselementen Slider und Bild (und bestimmt auch noch bei anderen) das Feld "Überschrift" ausfülle und als H1 kennzeichne, wird diese H1 anders dargestellt als bei Textelementen und im Theme Assistent definiert. In der CSS finde ich leider die entsprechenden Zeilen nicht, um diese Überschrift zu formatieren. Wo kann ich die Änderungen vornehmen?

  1. Support Staff 1 Posted by RockSolid Theme... on 15 Feb, 2019 07:41 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Die H1-Überschrift in einem Slider-Modul können Sie im CSS-Code über den Selektor .mod_rocksolid_slider h1 ansprechen. Wenn Sie z. B. folgenden CSS-Code in die Datei files/swissy/css/custom.css einfügen wird die Slider-Überschrift grün dargestellt:

    .mod_rocksolid_slider h1 {
        color: #00ff00;
    }
    
  2. 2 Posted by Matthias Hamann on 15 Feb, 2019 10:15 AM

    Matthias Hamann's Avatar

    Danke für die schnelle Antwort.

    Für den Slider funktioniert das sehr gut. Wie sieht es mit dem
    Inhaltselement Bild aus? Gibt es ein '.mod_image h1'? Habe ich probiert
    - leider ohne Erfolg.

  3. Support Staff 3 Posted by RockSolid Theme... on 15 Feb, 2019 10:30 AM

    RockSolid Themes's Avatar

    Ein Bild-Inhaltselement kann über die CSS-Klasse ce_image angesprochen werden. Für die H1-Überschrift lautet der CSS-Selektor somit .ce_image h1

    Weitere Informationen zur Anpassung der Website via CSS finden Sie in unserem Tutorial: https://rocksolidthemes.com/de/contao/support/tutorials/elemente-anpassen-3

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