How to change this button color?

[wilsonshen]

Hi, all：
I have a problem. It might be easy. But i don't know much about web programming. So i hope some one can help me.
I installed COWOA in my new shop. However, i found some buttons are hard to be located because of the button color.
Here is my new store: www.elechouse.com/store/
To make it clear, please add any product to the shopping cart and check out. Well, you might feel hard to find the "log in"button in right-bottom of the "Returning Customers" box until you put mouse on that, and also another "continue" button in the right-bottom of the "Checkout Without Account"box.
I want to change those buttons to another color, maybe black. Please tell me how.
Thanks

[haredo]

Wilson,
Look like you are using Template Monster (TM).
To find the button folder

includes/ template/ gadgets_black/ buttons/ english/ buttons

1. http:// www. elechouse.com /store/index.php?main_page=login&action=process
2. You will have to recreate the buttons
3. button_login.gif
4. button_create_account.gif

[keneso]

Line 99 of stylesheet_css_buttons
includes/templates/gadgets_black/css/stylesheet_css_buttons.css
find this

span.button_add_address, span.button_continue {
    background: url("../images/marker-right.png") no-repeat scroll 96% 5px transparent;
    padding: 3px 22px 0 7px !important;
}

change it to this

span.button_add_address {
    background: url("../images/marker-right.png") no-repeat scroll 96% 5px transparent;
    padding: 3px 22px 0 7px !important;
}

span.button_continue {
    background: url("../images/marker-right.png") no-repeat scroll 96% 5px #000000;
    padding: 3px 22px 0 7px !important;
}

[haredo]

Line 99 of stylesheet_css_buttons
includes/templates/gadgets_black/css/stylesheet_css_buttons.css
find this

span.button_add_address, span.button_continue {
    background: url("../images/marker-right.png") no-repeat scroll 96% 5px transparent;
    padding: 3px 22px 0 7px !important;
}

change it to this

span.button_add_address {
    background: url("../images/marker-right.png") no-repeat scroll 96% 5px transparent;
    padding: 3px 22px 0 7px !important;
}

span.button_continue {
    background: url("../images/marker-right.png") no-repeat scroll 96% 5px #000000;
    padding: 3px 22px 0 7px !important;
}

@Keneso
There is no change the values are the same under the declartion ?

[keneso]

@haredo

I'm not sure I understand what you mean, when I tried in firebug, it makes the button background black like requested

span.button_continue {
background: url("../images/marker-right.png") no-repeat scroll 96% 5px #000000;
padding: 3px 22px 0 7px !important;
}

Have I got it wrong?
I know, and respect your expertise, please advise.

[haredo]

@Kensen
Sorry I had a hick-up in firefox was a cache issue ...

[wilsonshen]

@Kensen & @@haredo

Thanks for your help. It is great.
I found there are many button problems on my web. Would you please me how to locate the code of the problem button? So i can find them all and change them.
Also, if i want to change the words to black, not background color, is there any way to make it?

Thanks to you two. I really appreciate your help.

[keneso]

You're welcome.
Use firefox and the "web developer" and/or "firebug" add-ons for it.
Google chrome too thru its options has tools for the developer, and I understand ie8 too, though I never use this last one.

[keneso]

Also, if i want to change the words to black, not background color, is there any way to make it?

That is

color: #000000;

[wilsonshen]

Thanks so much.
I fixed it.
Gratitude