increase font size of grid in extjs

How do you increase the font size of a datagrid in ext-js?

I have tried changing the font-size property in both ext-all.css and in xtheme-blue.css but neither one seemed to work.

For example:

.x-grid3-row td, .x-grid3-summary-row td{ font:normal 21px/23px arial, tahoma, helvetica, sans-serif; }

Why isn't this w开发者_StackOverfloworking?

Instead of altering the base CSS for ExtJS have you thought about altering the config of the editor/datagrid compontent itself?

bodyCssClass:'yourclass'
nb.see also

You may need to add !important to force your css to override extjs's css.