purity III Schriftarten und typogröße

  • Hi,
    ich möchte für H1,H2 etc. die Schriftgrößen ändern, das geht aber nicht über den TehmeMagic.
    Ich würde auch gerne eine OpenSans verwenden, habe echt nicht rausgefunden wie das geht.
    Anscheinend kann ich alle Typo verwenden, die Bootstrap mitbringt, aber dann muss ich in jedem Beitrag in den Code gehen und da händisch Klassen vergeben ...?
    Bestimmt kann ich irgendwo die Grundtypo einstellen und dann die Schriftgrößen bestimmen.
    Meinetwegen auch im css, dann wräe ich dankbar für einen Hinweis wo (und/oder eigene custom.css erstellen?)
    Danke schön schon mal
    Ursula

  • Nachdem die T3-Doku derzeit nicht erreichbar ist.

    Variante 1)
    custom.css in
    templates/purity_iii/css/

    Variante 2) LESS verwenden
    Development Mode auf ON.
    custom.less in
    templates/purity_iii/less/
    (wird automatisch kompiliert nach
    t3-assets/dev/templates.purity_iii.less.custom.less.css
    und eingebunden.)

    Variante 3), wenn bspw. die custom.css zu früh eingebunden wird, man sie garantiert als letzte im head haben will.
    Custom Code > Before </head>

    Code
    <link href="templates/purity_iii/css/myoverrides.css" rel="stylesheet" />


    Diese eigene Datei anlegen, die dann garantiert vom T3 nicht angetoucht wird.

    Variante 4) LESS nur für die eigene Overridedatei in Kombination mit Variante 3).
    Plugin lessphp installieren. Deaktiviert lassen.
    Datei templates/purity_iii/less/myoverrides.less anlegen.
    Diese Datei im Plugin eintragen und als Ziel ... css/myoverrides.css
    Variante 3) ohne letzte Zeile umsetzen.
    Dann erst aktivieren. Am besten nur bei Bearbeitungen dieser less-Datei aktivieren, da zu Lasten der Performance gehen kann. Nach jeder Arbeitssession wieder deaktivieren, wenn Seite produktiv online ist.

    Dann gibts noch diverse Unter-Ordner in /less/ und /css/, sowie diverse PHP-Dateien, die man overriden kann und andere Wege finden kann, die eigene CSS theme-/stil- unabhängig (also immer) einzubinden.

    Oder eigene Themes bauen und Kram.

    Transparenz geht anders.

    Google-Fonts. Auf der Google-Fonts-Seite findest im gewählten Font die Script-Schnipsel, wie man einbinden kann (STANDARD oder @IMPORT) und wie man verwendet (Specify in CSS). Das bei Klick ausklappende Panel "Families Selected".
    Bspw. link oder @import im Custom Code-Feld des Template-Stils einsetzen.