How to take account modifications on less files - JoomlArt
League Bundle is back - $1335 $499 Buy Now
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • didier l Friend
    #965163

    Hello,

    I want to modify font size not only in article (using Theme customizer – typography menu) but also in module, sidebar-inner

    In file template.css, I have found the following code …

    .sidebar-inner {
        font-size: 14px;
    }

    My idea is to modify less files ; in _style.less, I have found this code

    .sidebar-inner {
      font-size: @fontSizeSmall;
    }

    In _variable.less file, , I have modified following instructions

    // Component sizing
    // -------------------------
    // Based on 14px font-size and 20px line-height
    
    @fontSizeLarge:         18px;
    @fontSizeSmall:         12px;
    @fontSizeMini:          11px;

    If I modify less files, it should modify css files built from less files … Can you confirm this method ?

    (I have used this approach with another template from rocktheme)

    Thanks

    Didier

    pavit Moderator
    #965165

    If I modify less files, it should modify css files built from less files … Can you confirm this method ?

    Yes it is correct

    You can also take a look at the DOCUMENTATION HERE

    didier l Friend
    #965210

    hi

    To compile less, you have to go to extensions/templates/templates/ja simpli …

    Select a file to edit it … and you will see in top menu option to compile less !

    probertson34 Friend
    #965351

    I thought the JA Simpli Template doesn’t have the option to compile LESS to CSS?

    pavit Moderator
    #965352

    I thought the JA Simpli Template doesn’t have the option to compile LESS to CSS?

    It has less files and compile less button


    1. Screenshot-at-set-03-21-34-06
    didier l Friend
    #965422

    hello,

    When I have modified _variables.less file, I have just compile it and nothing happens !

    I edit template.less file and I find some instructions as

    //
    // Templates Assets
    // ---------------------------------------------
    @import "_variables.less";
    @import "_core.less";
    @import "_form.less";
    @import "_navigation.less";
    @import "_components.less";
    @import "_modules.less";
    @import "_joomla.less";
    @import "_typo.less";
    @import "_styles.less";

    Can you confirm that template.less is the only file to be compiled ?

    Thanks

    pavit Moderator
    #965954

    Can you confirm that template.less is the only file to be compiled ?

    Yes you should compile it and it loads all other modifications you made on other files.

    didier l Friend
    #1001689

    Sorry ! I didn’t compile the good file, template.less

    Thanks !

Viewing 8 posts - 1 through 8 (of 8 total)

This topic contains 7 replies, has 3 voices, and was last updated by  didier l 6 months, 2 weeks ago.

You must be logged in to reply to this topic.