add to cart button color

Hello factoryitalia,

Please try the code below and add it in Theme panel->Custom CSS area, like this -> http://screencast.com/t/MJp9Jrh5Wd7

.woocommerce-checkout .woocommerce input.button, .woocommerce-page .woocommerce a.button, .woocommerce-account div.woocommerce .button {
background-color:pink;
padding:20px;
}

The result you should see here -> http://screencast.com/t/M1WGu2rtnq

Hello,
Please provide a link to your shop page so we can inspect it and see why the code does not apply.
Thank you!

Hello,
Please try this code instead:
.woocommerce ul.products li.product .button{
padding:20px;
background-color:pink;
}
Thank you!

Hello factoryitalia,

If you want to change the text color from the button, you have to use the code below and add it in Theme panel->Custom CSS area.

.woocommerce .product a.button {
color:blue;
}

The result -> http://screencast.com/t/NV7USQvCs0Rf

If is not what you mean, please provide more details about what you want to achieve so I will be able to provide a more accurate response.

Thank you for the message!

Hello factoryitalia,

If you want to change the color of background-color on the hover effect, you have to try the code below and add it in Theme panel->Custom CSS area, like this -> http://screencast.com/t/QkUtqgbm1ci

The code is ->

.woocommerce .product a.button:hover {
color:blue;
background-color:red;
}

The result you should see here -> http://screencast.com/t/Ux8Fg1BzzdN

And if you want to change the color of the arrows, please try the code below ->

.td-icon-menu-right:hover, .td-icon-menu-left:hover {
color:red;
}

Hope this helps and let us know how it goes!

If is not what you mean, please provide more details about what exactly do you want to change.

Thank you for the message!

Hello pixus,

Please provide your website URL and also the specific link where the button exist so I can further inspect it closer and so I will be able to provide a more accurate response.

Thank you for your understanding!

Hello pixus,

Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.single-product .product .summary .cart .button {
background: none #ff9500;
}
.single-product .product .summary .cart .button:hover {
color: #5e5e5e;
}

Hope this hleps!

Thank you for the message!