Font Größen in Less CSS Datei ändern

  • Ich habe das neue Theme Touchfolio http://dimsemenov.com/themes/touchfolio/demo/ installiert, das mir sehr gut gefällt - abgesehen von den stark variierenden Schriftgrößen, die ich nun gern anpassen würde.

    Das Theme verwendet Less CSS, es wird auf der Seite des Designers auch angegeben in welcher Datei die Font Größen verändert werden können. (style-touchfolio-default.less)

    Ich bin allerdings noch zu unerfahren mit CSS und alle meine Versuche haben mich bisher noch nicht weitergebracht..

    Das Theme verwendet mindestens 6 verschiedene Schriftgrößen, siehe http://www.waterfromyourquarter.in/bennozindel/news/

    Ich würde gern Titel und Text von Seiten/Artikeln/Galerieinfo in der selben Größe darstellen, wie im Menu links.

    Wie kann ich die entsprechenden Zeilen in den Less CSS-Dateien finden?

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hier die Einträge der style-touchfolio-default.less die Font Größen betreffen...

    // 1. Fonts & links
    //
    ////////////////////////////////////////////

    @body-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
    @body-font-line-height: 1.6;

    @text-color: #3b3a37; // main body text color
    @secondary-text-color: #929699;
    @sidebar-text-color: @text-color;

    @link-color: #000;
    @link-hover-color: #C00;

    @title-color: #333;
    @title-font: inherit;
    @title-weight: bold;

    @font-smallest: .75em;
    @font-small: .875em;
    @font-small-line-height: 1.6em;
    @font-small-em-size: 1 / @font-small; // for alignment

    @selection-bg-color: #C00;
    @selection-text-color: #FFF;


    // 2. Menu
    //
    ////////////////////////////////////////////

    @menu-item-color: #333;
    @menu-item-hover-color: #888;
    @selected-menu-item-color: #333;

    @menu-font-weight: normal;
    @menu-font-size: 13px;
    @menu-line-height: 20px;

    @projects-menu-font-size: 13px;
    @projects-menu-line-height: 20px;
    @projects-menu-font-color: #999;

    @menus-margin: 10px; // Margin between menu / secondary menu / site description


    // 4. Widgets
    //
    ////////////////////////////////////////////

    @widget-title-font-size: 13px;
    @widget-title-line-height: 20px;
    @widget-body-font-size: 13px;
    @widget-body-line-height: 20px;


    Danke für eure Hilfe!

  • Danke, Firebug bringt mich zum Teil weiter. Allerdings bezieht sich das Styles-Fenster scheinbar eher auf die CSS Datei, die aus den Less-CSS Dateien generiert wird. In welcher dieser Dateien ich dann die entsprechenden Font-Size Einträge finde wird nicht klar... Less scheint mir im Moment eher More.

    Eventuell werde ich, wie vom Theme-Autor als Alternative vorgeschlagen, die übliche style.css verwenden. (http://dimsemenov.com/themes/touchfolio/installation.html)

    Wie lange sollte es üblicherweise dauern, wenn ich eine, in einem Editor bearbeitete, CSS (oder less-CSS) Datei hochlade, bis die Veränderungen auch zu sehen sind?

  • Wie lange sollte es üblicherweise dauern, wenn ich eine, in einem Editor bearbeitete, CSS (oder less-CSS) Datei hochlade, bis die Veränderungen auch zu sehen sind?

    Unmittelbar nach dem Upload - abhängig von deinen Browsereinstellungen (eventuell musst du den Browser-Cache leeren, wenn trotz Upload und Refresh/F5 keine Änderungen zu sehen sind.).

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!