Resizing Icons in jQuery-UI

Question

I find the icons in jquery UI to be a bit small for my application. Adjusting the sizes on .ui-icon doesn't help of course, because the images are loaded from a single image file and so it will just show portions of other icons.

Is there any way to adjust the icon sizes without having to resize the icon image files for each size I'd like to use?

question from:https://stackoverflow.com/questions/5261342/resizing-icons-in-jquery-ui

Answer 1

No. Because the icons are packed into a CSS sprite grid, you will only see the icons around it if you try to make the icon itself bigger (as you saw). You could increase the "size" of the icon by adjusting margin - but this won't make the graphic bigger - just the space it takes up.

Edit - Looks like the jQuery UI team has heard this complaint before and is going to roll out some larger icons in the next release of jQuery UI.