command item background image sizes

[prayag ganoje]

Hello,

I have 2 custom commands and 1 close command. Though all the images are of same size they are not aligned and their size changes automaticaly. Plz see attached image.

CSS used:

.CustomCommandRefresh
    {
        top:1px !important;
        height:16px !important;
        padding-bottom:0px !important;
        margin-bottom: 0px !important;
        background: url(/Images/arrow_rotate_clockwise.png) no-repeat !important;
    }
    .CustomCommandEdit
    {
        top:1px !important;
        height:16px !important;
        padding-bottom:0px !important;
        margin-bottom: 0px !important;
        background: url(/Images/cog_edit.png) no-repeat !important;
    }
    .CustomCommandClose .rdClose
    {
        top:1px !important;
        height:16px !important;
        padding-bottom:0px !important;
        margin-bottom: 0px !important;
        background: url(/Images/cross.png) no-repeat !important;
    }
 .rdCommands
    {
        position: absolute !important;
        right: 0px;
        top: 1px;
        height:100%;
    }

Can you please suggest me css where it can be corrected each of size 16px and aligned in one line ?

[Bozhidar]

Hello,

If you are using background images, you can not change their size with CSS or HTML property. If you want icons 16x16 pixels, you should resize your images with Adobe Photoshop or similar software. It also be good if you specify in your CSS width also and not only height.
For further assistance, please provide us a live url and an image showing how your Dock should look like.

Best wishes,
Bojo
the Telerik team