Question

I have a simple button, but I can’t make the icon to be centered on it.

{
    xtype: 'button',
    width: 150,
    height: 150,
    cls: 'startbutton'
}

css:

.startbutton { 
    background-image: url(Camera.png) !important;
}

This image is 72×72 pixels.

Answer 1

I think,you need background-position:

.startbutton { 
    background-position: center center;
    background-image: url(Camera.png) !important;
}