Change color on add to cart button

[Christian Buch]

Hi

 

I want to change the ugly yellow color on the "add to cart" -button on my featured products on my homepage: http://romspecialisten.com

 

Anyone can help me with that?

 

Thank you in advance.

[yaniv14]

Look in global.css line 147

Global.css located at: themes/your_theme_name/css

usually themes/default/css/global.css

[Christian Buch]

Hi Yaniv

 

Thank you for your answer. However this is my line 147-152 in global.css:

 

}

*:first-child+html input.button_mini, *:first-child+html input.button_small, *:first-child+html input.button, *:first-child+html input.button_large,

*:first-child+html input.button_mini_disabled, *:first-child+html input.button_small_disabled, *:first-child+html input.button_disabled, *:first-child+html input.button_large_disabled,

*:first-child+html input.exclusive_mini, *:first-child+html input.exclusive_small, *:first-child+html input.exclusive, *:first-child+html input.exclusive_large,

*:first-child+html input.exclusive_mini_disabled, *:first-child+html input.exclusive_small_disabled, *:first-child+html input.exclusive_disabled, *:first-child+html input.exclusive_large_disabled {

border:none

[yaniv14]

Look for (a exclusive): background: url('http://romspecialisten.com/themes/default/css/../img/bg_bt.gif') repeat-x 0 0 #F4B61B;

it should be in global.css under /* button **

The code you are looking is #F4B61B which is the yellow color.

[Christian Buch]

I found this:

 

input.button_disabled, input.exclusive_disabled, span.exclusive {

border:1px solid #ccc;

color:#999;

background:url(../img/bg_bt_2.gif) repeat-x 0 0 #990000;

cursor:default;

 

As you can see i placed #F4B61B with #990000 but nothing happens. And i've emptied my cache and put on "force compilation". Do i have to do anything more?

[yaniv14]

You need to find (a exclusive) what you got there is input.exclusive.

make sure you will get the line I pointed: background: url('../img/bg_bt.gif') repeat-x 0 0 #F4B61B;

[yaniv14]

My mistake, your background color for the button is (bg_bt.gif) in this image file you will have 2 or 3 positions of the yellow color, 1 for regular and 1 for hover, your css read the correct one based on position.

 

So either you make similar image file with photoshop with your desire colors or you change the background line to: background: color your like.

if you choose this way you will also need to make something for hover.

[Rosie Posy]

Hi there ,  I managed to change the colour thanks to your help. thanks a lot man.

I save the .gif file upload and presto.

Thanks for your help , 

kind  regards

Len

Edited October 11, 2014 by Rosie Posy (see edit history)