Change size of add to cart button

[hippooflove]

Hi

I need to change the size of the add to cart button and the background of the button in the product page on my site.

I assume it is in the global.css files somewher but I do not know what I am looking for.

Please can somebody give me a clue.

thanks

Hippooflove

[echonetic]

Its a bit tricky.. If you edit the global.css, all the buttons that are the same class will be changed to whatever size you specify as well as you will have to make new button images to reflect the new size. which add to cart button do want to enlarge? all? home featured? product page? a little more info and we can work out a solution.

[PoSSeK]

Hi, i'm also interested on changing the product page button to a bigger and better one

I know I have to add a new button in CSS, but I know nothing about css. Can anyone help please?

thanks

[Dreamtheme]

Edit global.css and make new css class for the new button. For example see the code below. After that, open the module TPL file, for example homefeatured.tpl and change default css class with your new one.


Global.css

Mynewbutton {
   width: 160px;
   background-image: url('../img/button-medium.png');

Homefeatured.tpl

{l s='Add to cart' mod='homefeatured'}

[johnjohn]

can you tell me with more details how to do it i want in product page to change the image of add to cart button, and which line in global.css to wriye this code,thanks

[laurapessoa]

This is a question for Dreamtheme: I am using your Cakeshop theme and I would like to change the add to cart button (color, size...) only in product page. Can you help me with this?

 

Thank you very much.