Grid, Tree Font size

[ultra2]

What is the right way to have larger font size in the application?
Especially in tree and grid components, editors, ect?

overriding css would work, but do I need to do this for every single components?.

x-grid-row .x-grid-cell
{
font-size: 14px;
}

.x-column-header
{
font-size: 14px;
}

[tobiu]

you should get familiar with SASS:
ext-4.0.7\resources\themes\stylesheets\ext4\default\variables\_core.scss

there you have:


/**
* @var {string} $font-family
* The default font-family to be used throughout the theme.
*/
$font-family: tahoma,arial,verdana,sans-serif !default;

$font-size : 12px !default;


a good start is this guide:
http://docs.sencha.com/ext-js/4-0/#!/guide/theming

[ultra2]

ok, thanks!