Change text size

[Idmir]

Dear, I would like to change the font size of Triton theme since the design is not well with the default font size.
Regards,
Idmir

[odaysaed]

Hey,
You need to create a custom css file and load it to the main page of your project,
and change the font size for more than one attribute,
example :

.x-btn { //ext buttons
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
} 

.x-form-text { //text,area fields
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 13px;
}
.x-label-value {//labels
    font-size: 14px !important;
    font-weight: 600 !important;
}
.x-grid-cell-inner {//grid rows
    font-size: 15px !important;
    font-weight: 600 !important;
    /*text-align:center !important;*/
    /*zoom: 1.1 !important;*/
}

[fabricio.murta]

Hello @Idmir! Welcome to Ext.NET Forums!

For customizing the theme, you would need to override the CSS settings and either include the CSS file to the pages (from master page, for example) or inline the css on the pages you want with the default styling.

Maybe the easiest way to find which CSS class you want to override is just by "inspect element" with the web browsers' DOM Explorers. At least Internet Explorer, Chrome and Firefox allows you to do this kind of inspection on the page.

I hope this helps!

EDIT: As odaysaed pointed, there are at least some of the CSS classes that should be overridden. Additional might need that overriding that can be found using the DOM explorer as suggested here. :)