Add to cart button css modify

[martin.grencik]

Hi,

 

please help me with 2 issues.

 

1. I need to change apierance of "add to cart" button on my product page.

 

Now it looks like this: (VLOZIT DO KOSIKA) 

 

http://onlinenabytok.sk/detska-izba-jakub/1984-detska-zostava-jakub.html

 

And to change its background color and font color to look like image atached. 

I dont know which css file is it and which line...

 

----------

 

2. Please how to change button if I want to go directly to the checkout page after clicking at "add to cart"? Now when you click add to cart (VLOZIT DO KOSIKA), the AJAX add product to the cart and you are still in product page. 

 

 

Thank you a lot

 

[DevNet]

Hi,

 

You muste reload your cache after this change :

 

edit ./themes/[your theme]/css/product.css, and change this css class to : 

#add_to_cart .exclusive {
background: none repeat scroll 0 0 #90c324;
border: 1px solid #666666;
color: #666666;
font-size: 11px;
margin-left: 30px;
padding: 8px 15px 7px 10px;
z-index: 99;
}

Regards

[vekia]

 

 

2. Please how to change button if I want to go directly to the checkout page after clicking at "add to cart"? Now when you click add to cart (VLOZIT DO KOSIKA), the AJAX add product to the cart and you are still in product page. 

just disable ajax cart feature, then you will be redirected to checkout page

[martin.grencik]

just disable ajax cart feature, then you will be redirected to checkout page

 

Thank you Vekia, it helps me...   

[martin.grencik]

Hi,

 

You muste reload your cache after this change :

 

edit ./themes/[your theme]/css/product.css, and change this css class to : 

#add_to_cart .exclusive {
background: none repeat scroll 0 0 #90c324;
border: 1px solid #666666;
color: #666666;
font-size: 11px;
margin-left: 30px;
padding: 8px 15px 7px 10px;
z-index: 99;
}

Regards

 

Hi, I could not find that code in css ... There is #add_to_cart .exclusive many times... Here is the file: http://onlinenabytok.sk/product.rar

 

Thank you.

[vekia]

Hi, I could not find that code in css ... There is #add_to_cart .exclusive many times... Here is the file: http://onlinenabytok.sk/product.rar

 

Thank you.

 

i checked your website and i've noticed that you've got minified CSS files (adv. parameters > performance tab in BO)

can you disable it for a moment? it will be much easier to show you right file with code.

[martin.grencik]

i checked your website and i've noticed that you've got minified CSS files (adv. parameters > performance tab in BO)

can you disable it for a moment? it will be much easier to show you right file with code.

 

Disabled... Thank you

[vekia]

it's a part of global.css line 257

there is a code like:
 

#add_to_cart .exclusive {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CDCDCD;
color: #666666;
font-size: 11px;
margin-left: 30px;
padding: 8px 15px 7px 10px;
z-index: 99;
}

[martin.grencik]

 

it's a part of global.css line 257

there is a code like:

 

#add_to_cart .exclusive {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CDCDCD;
color: #666666;
font-size: 11px;
margin-left: 30px;
padding: 8px 15px 7px 10px;
z-index: 99;
}

 

Perfect, it works I hope it will increase conversion rate... 

 

look: http://onlinenabytok.sk/detska-izba-jakub/1984-detska-zostava-jakub.html

 

Thank you

[nildev4694]

add to cart button with price :CSS

 

code link : see here

 

http://www.ninjastech.com/2015/06/add-to-cart-button-with-price-premiume.html