[SOLVED] Prestashop 1.4.7 Change "add to cart" button size

[NNGNews]

Hi, we would like to move the button "add to cart" in the product page, and also to make it bigger
But we would like to first understand how to do it, because we see that the icon of the buttons are practically "triplets" images of three buttons in row with the latest of lighter color (which we think is displayed when the product is not available).
So could someone help us how to proceed ? thanks

 

____________________________

http://www.kissene.com/en

[vekia]

Hi, we would like to move the button "add to cart" in the product page, and also to make it bigger

But we would like to first understand how to do it, because we see that the icon of the buttons are practically "triplets" images of three buttons in row with the latest of lighter color (which we think is displayed when the product is not available).

So could someone help us how to proceed ? thanks

 

 

what template you use? everything depends on it

you're reffering to shop from your signature?

[NNGNews]

what template you use? everything depends on it

you're reffering to shop from your signature?

Yes that one http://www.kissene.com/en

We are using the "default" button of PS 1.4.7

I tried to enlarge the button but I saw that the image/icon is a triple button, so if I enlarge it we see two-rows button that's weird

[vekia]

your button uses image as background,

you have to change the way of how backgrund work, or to change picture:

http://www.kissene.com/themes/prestashop/img/button-medium_exclusive.png  - its your button :-)

[vekia]

you can use code:
 

#add_to_cart input{
padding: 20px!important;
height: auto;
background-image: none!important;
background:red;
}

effects:

[NNGNews]

you can use code:

 

#add_to_cart input{
padding: 20px!important;
height: auto;
background-image: none!important;
background:red;
}

effects:

 

you can use code:

 

#add_to_cart input{
padding: 20px!important;
height: auto;
background-image: none!important;
background:red;
}

effects:

Oh, thanks very much, I haven't much skill yet on it.

Is it enough to put the code above in the product.tpl file then ?

[vekia]

you don't have to edit .tpl file

paste code that i mentioned at the very end of global.css file located in your theme directory

[NNGNews]

you don't have to edit .tpl file

paste code that i mentioned at the very end of global.css file located in your theme directory

Ah OK, so that it changes everywhere.

Thanks again you're very kind

Have a nice day 

[vekia]

you're welcome :-)

if you will need some additional assistance related to this case

feel free to write

 

i marked topic as solved.