[SOLVED] How to make the Add To Cart button on product page larger

[ajensen27]

Like the title says, how do I make the "Add To Cart" button on the product pages larger. What CSS files do I need to modify?

 

I know I'll have to find a larger "cart" image and also increase the length of the small background image larger.

 

Thanks,

Alex

[vekia]

provide information about your prestashop version, please

[ajensen27]

1.5.2... Thanks

[vekia]

You can read free tutorial: how to change add to cart button size and style

 

code below shows how it looks in prestashop product page source:

 

<p id="add_to_cart" class="buttons_bottom_block">
 <span></span>
 <input type="submit" name="Submit" value="Add to cart" class="exclusive">
</p>

 

you can enlarge button by adding new font-size value to <input>, like below:

 

<p id="add_to_cart" class="buttons_bottom_block">
 <span style="top: 8px;"></span>
 <input type="submit" name="Submit" value="Add to cart" class="exclusive" style=" font-size: 26px;">
</p>

note that i also changed <span> html tag

 

 

effect:

 

 

you can find out this code in product.tpl file located in your themes/YOUR_THEME/ directory in line (~440)

[ajensen27]

Worked perfect! Thanks Vekia!

[vekia]

Worked perfect! Thanks Vekia!

 

so i marked this topic as solved regards