AbanteCart Community

General Topics => General Discussion => Topic started by: proFFioz on September 16, 2011, 06:39:02 AM

Title: add to cart button color
Post by: proFFioz on September 16, 2011, 06:39:02 AM
Hello all
Is it possible to change the color and hover color of the "add to cart" button?
If so how do i do it?
Title: Re: add to cart button color
Post by: Basara on December 28, 2011, 03:26:47 AM
Hello all
Is it possible to change the color of the "add to cart" button?

To change color of 'add to cart' button on product info page for  example you need to modify ../storefront/view/default/stylesheet/stylesheet.css file about the line 460 (AbanteCart 0.9.1)
Title: Re: add to cart button color
Post by: KStevens on July 22, 2014, 11:08:01 AM
It took us hours to find it but here is the way to change the hoover color, not sure about the button color:

It appears you can change the hover colors here for the currency and add to cart buttons.

In your store data structure through cpanel legacy file manager or what ever manager you use go to

storefront>view>default_html5>stylesheet>style.css

The changes for the hover color is done in the style.css file.

(you have to change your html codes to rgb, then the last part a is a transparency value - here I changed the original values to a grey color)


code:

.headerdetails ul.nav.language li.dropdown:hover,
.headerdetails ul.nav.topcart li.dropdown:hover {
   border-color: rgba(150, 155, 164, 0.6);
   outline: 0;
   outline: thin dotted    \9; /* IE6-9 */
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(150, 155, 164, 0.6);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(150, 155, 164, 0.6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(150, 155, 164, 0.6);



Hope this helps as it took us hours to find it.  Ugh!  What a pain that was!

Kimberly