[SOLVED] Change grid font size CSS ?

[mwmayer4]

I have a style sheet in my app. I know the file is defined correctly because in one of my grids I do a getRowClass function to bold a total row and it works. What's not working is that I thought if I put

.x-body {
font-size: 9px;
}

this would change the default font size for the entire app.

I also tried
.x-grid-cell{
font-size: 9px;
}
it doesn't work either.

Is that not correct or is there something else I need to do as well?

[sean.lanktree]

Try...

.x-grid-row .x-grid-cell {
    font: normal 9px/15px tahoma,arial,verdana,sans-serif;
}

[beckhamrryyaann]

http://skirtlesden.com/articles/styl...tjs-grid-cells
This is an excellent article on styling grids...really helped me.

[mwmayer4]

The grid cells are styling fine.. I'm trying to get the font for the entire page, all cells, panels, titles, etc, etc.. to be the same font size. thought it could be done globally, but maybe not..

thanks for that article.. it is a good one..