Change button background

[mardon]

Hi all, in my shop I want change the a.button background on test.phpprogramator.cz on homepage i prepare medium-buuton2.gif and edit global.css to

a.button {
   color: #ffffff !important;
   line-height: 21px;
   height: 21px
   background-image: url('../img/button-medium2.gif')
}

but I have the a.button on homepage without background. I need help how I can change image to this button (but only to this)

[razaro]

You are missing one ; after height: 21px, also you can put ; after back background-image: url('../img/button-medium2.gif') but it is not necessary.

a.button {
   color: #ffffff !important;
   line-height: 21px;
   height: 21px;
   background-image: url('../img/button-medium2.gif')
}

[mardon]

Yes. I repair this error, but stiil I have for a.button button-medium.gif without my button-medium.gif

[razaro]

Because its overwritten by style on line 506 (see attached image).

You can try to change code there or add !important

a.button {
background-image:url("../img/button-medium2.gif") !important;
color:#FFFFFF !important;
height:21px;
line-height:21px;
}

global.css (line 442)

[mardon]

Thank you, you are right now I have right button, only one last mistake the button isnt centred in block

[razaro]

Change to this

a.button {
background:url("../img/button-medium2.gif") no-repeat scroll center center transparent !important;
color:#FFFFFF !important;
height:21px;
line-height:21px;
}

[mardon]

big thanks