How to make free jqrid font awesome action buttons bigger

Question

Free jqgrid 4.8 with font awesome icon set is used.

Standard action buttons are defined using colmodel

[{\"name\":\"_actions\",\"search\":false,\"width\"         


        

Answer 1

You can solve the problem in many ways. For example you can add CSS rule like the following

.jqgrow .ui-jqgrid-actions > .ui-pg-div > span { font-size: 24px; }

or

.jqgrow .ui-pg-div > span.fa { font-size: 24px; }

The demo demonstrates the results. It used additionally another width value as default

{ name: "act", template: "actions", width: 72 }