Hello Mark,

To apply the style to the cells as well as column headers of the grid you would do the following:

//To get the cells
$("#grid1").addClass("smallFont");

//To get the headers as they are in the container of the igGrid:
$("#grid1").igGrid("container").find("th").addClass("smallFont");
//or
$("#grid1_container th").addClass("smallFont");

As for:

span.ui-iggrid-headertext {
            font-size: 8pt;
}

.ui-iggrid .ui-iggrid-tablebody td {
            font-size: 8pt;
}

They work for me in the sample I am currently running and the sample I previously attached. What did you see in the sample I previously attached? Where did you include those styles on your page? You will want to make sure it is after you load the Infragistics styles as with CSS the last style applied “wins” unless the important flag is applied or if there is a more specific selector used for applying that style.

by the way, this method

.ui-igcheckbox-container > span {
            border: 2px solid grey;
        }

        span.ui-iggrid-headertext {
            font-size: 8pt;
        }

        .ui-iggrid .ui-iggrid-tablebody td {
            font-size: 8pt;
        }

didnt work at all

I tried this option

.smallFont {
font-size: 8pt;
}

$(“#grid1”).addClass(“smallFont”);

which changed the font size of the text in each row, but the header font size remained the same and the line spacing stayed the same resulting in huge spaces between each row

some examples would be helpful