Please help us to make AbanteCart Ideal Open Source Ecommerce Solution for everyone.

Support AbanteCart eCommerce

Author Topic: add to cart button color  (Read 5203 times)

proFFioz

  • Guest
add to cart button color
« 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?

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 4441
  • Karma: +207/-0
    • View Profile
Re: add to cart button color
« Reply #1 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)
“Chuck Norris is so amazing.”
― Mother Teresa

Offline KStevens

  • Newbie
  • *
  • Posts: 1
  • Karma: +1/-0
    • View Profile
Re: add to cart button color
« Reply #2 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

 

Powered by SMFPacks Social Login Mod