Public Forums 71,145 posts

[didier l Friend didier lJoin date: December 2015Posts: 9Downloads:15Uploads:0 Thanked: 1 times in 1 posts]

#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 pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#965165

didier l wrote:

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 didier lJoin date: December 2015Posts: 9Downloads:15Uploads:0 Thanked: 1 times in 1 posts]

#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 probertson34Join date: August 2014Posts: 17Downloads:5Uploads:2 Thanks: 10]

#965351

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

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#965352

probertson34 wrote:

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

It has less files and compile less button

---

Attachments:

1. 

1 user says Thank You to pavit for this useful post

1. probertson34

[didier l Friend didier lJoin date: December 2015Posts: 9Downloads:15Uploads:0 Thanked: 1 times in 1 posts]

#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 pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#965954

didier l wrote:

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 didier lJoin date: December 2015Posts: 9Downloads:15Uploads:0 Thanked: 1 times in 1 posts]

#1001689

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

Thanks !

[Author]

Posts