Add to Cart-Button - how can I change the color?

[xMartin]

Hi, 

 

can I change the blue color from the "add to cart" Button?

 

thanks!

[dioniz]

Yes you can. But its coded on few places in global.css. Look for ajax_add_to_cart_button

[inweb]

File: themes/default-bootstrap/css/global.css

 

Lines:

 

.button.ajax_add_to_cart_button span

and

 

.button.ajax_add_to_cart_button:hover span

[xMartin]

perfect, thx

[vekia]

you're talking about add to cart button on product listing, or on product page?

im asking because add to cart on product page uses styles from product.css line 408

.box-info-product .exclusive {
padding: 0;
border-top: 1px solid #0079b6;
border-right: 1px solid #006fa8;
border-left: 1px solid #006fa8;
border-bottom: 1px solid #012740;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
position: relative;
display: block;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009ad0), color-stop(100%, #007ab7));
background-image: -webkit-linear-gradient(#009ad0, #007ab7);
background-image: -moz-linear-gradient(#009ad0, #007ab7);
background-image: -o-linear-gradient(#009ad0, #007ab7);
background-image: linear-gradient(#009ad0, #007ab7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 );
}

[xMartin]

oh, thank you!

I need to change all the buttons. 

[rvzoest]

I was looking for this answer too. Thanks for the answer.

 

Is it possible to use the old 1.5 add to cart option?

[vekia]

I was looking for this answer too. Thanks for the answer.

 

Is it possible to use the old 1.5 add to cart option?

you mean that you don't want popup with cart ?

[rvzoest]

Yes, here below is how I it is now. "Aan winkelwagen toevoegen" is "Add to cart". I don't find it esthetic and want it just to be simple and plain. The "Quick view" is fine but I want a fixed add to cart button.

 

[vekia]

now im confused a little.

you mean that you want to change add to cart button,  or:

 

 

you mean that you don't want popup with cart ?

your answer: YES 

 

 

?

[benedettopresta]

I managed to change color of the add to cart button, everywhere, thanks to this post, 

only one little detail, there is still a blue (old color ) line in the middle of the button,. that I've looked everywhere but cannot find, would you please have a look and let me know if you find it or know where is it. Thanks

http://shop.alloff.it/interi/24-jasmine-costume-intero.html

 

[andyfick]

That last blue line is a gif image which you can find in /your_theme/img/border-1.gif

 

If you change that, I think it may solve your problem.

[dioniz]

Or just change yourdomain/themes/default-bootstrap/css/product.css

 

Find:

.box-info-product .exclusive:after {
    background: url("../img/border-1.gif") repeat-y rgba(0, 0, 0, 0);
    bottom: 0;
    content: "";
    left: 51px;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 2;
}

Remove background line

 

One more line will still exist, it's here:

 

.box-info-product .exclusive:before {
    border: 1px solid #6F6F6F;
    border-radius: 5px 0 0 5px;
    bottom: 0;
    color: #FFFFFF;
    content: "";
    font-family: "FontAwesome";
    font-size: 25px;
    left: 0;
    line-height: 47px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px #333333;
    top: 0;
    width: 51px;
    z-index: 2;
}

Remove border: 1px solid #6F6F6F; if you don't want it

 

[benedettopresta]

Great, thanks i changed it in the css, i looked for it for a long time and couldn't find it.