Jump to content

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


Recommended Posts

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

Link to comment
Share on other sites

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:

 

P8AQDEa.png

 

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

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...