

Then in the stylesheet, in .button span, you need to change the padding
The default is padding: 4px 12px 5px 5px;
It goes round like a clock, so first is top, then right, bottom and left.
To widen the button you could therefore try padding: 4px 24px 5px 17px;
http://scarletandjones.com/
http://sharpdressedman.co.uk/
http://coffincompany.co.uk/
http://horsesculptures.co.uk/
If I've helped you out, why not buy me a beer? http://craigmurray.me.uk


If you're making it much bigger it might be worth also adding some text in each template too. Instead of
Code: Select all
<a class="button_add_small" href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>" > </a>
Code: Select all
<a class="button_add_small" href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>" >Add to Cart</a>
http://scarletandjones.com/
http://sharpdressedman.co.uk/
http://coffincompany.co.uk/
http://horsesculptures.co.uk/
If I've helped you out, why not buy me a beer? http://craigmurray.me.uk
Can you point me to the right files and changes for this, other than simply replacing the button?
I also want to replace the Add to Cart button on the detailed product page with a variation on this same button, but as that one seems to be composed of several elements I'm not sure what all needs changing.
Any help will be greatly appreciated!
Code: Select all
<a class="button_add_small" href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>" > </a>
You can change it to a big button by copying one of the other buttons - so basically giving it the class "button" and adding a <span>, like this.
Code: Select all
<a class="button" href="<?php echo $products[$j]['add']; ?>"><span><?php echo $button_add_to_cart; ?></span></a>
http://scarletandjones.com/
http://sharpdressedman.co.uk/
http://coffincompany.co.uk/
http://horsesculptures.co.uk/
If I've helped you out, why not buy me a beer? http://craigmurray.me.uk
Thank you. What I actually want to do though is substitute an image of my own which already exists, and has the text embedded in it as part of the image, not to have it replicate the large button button which is created on the fly by the cart. I want to use this same button in place of the one the cart generates on the product page. Would it help if I was to do a quick mockup in photoshop?
Just edit the .button_add_small style in the stylesheet, and give it enough padding so that it is big enough to show your whole image e.g. padding: 5px 12px 5px 12px;
That should do it.
http://scarletandjones.com/
http://sharpdressedman.co.uk/
http://coffincompany.co.uk/
http://horsesculptures.co.uk/
If I've helped you out, why not buy me a beer? http://craigmurray.me.uk
The Add to Cart on the Product page is a different button - it has the class "button" like the search button and the continue button on information pages etc.
If you want to change that, but not all the others, you'll need to give it a new class in the product template, then add your own styles for that class in your stylesheet.
http://scarletandjones.com/
http://sharpdressedman.co.uk/
http://coffincompany.co.uk/
http://horsesculptures.co.uk/
If I've helped you out, why not buy me a beer? http://craigmurray.me.uk
Users browsing this forum: No registered users and 20 guests